PageSenseでA/Bテストを作成して実行する

PageSenseでA/Bテストを作成して実行する

お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

A/Bテストは、ウェブページのバージョンを比較し、オーディエンスの前でどのバージョンがより優れたパフォーマンスを発揮するかを分析・観察するのに役立ちます。Zoho PageSenseでは、ウェブページの異なるバージョンを素早く作成、編集、および公開し、変換率の観点でどのバージョンがより優れたパフォーマンスを発揮するかをテストすることができます。CTAボタン、画像、見出しメッセージ、サブ見出し、または他のウェブページ要素にA/Bテストを実行して、最も効果的なウェブサイトを構築することができます。

A/Bテストの設定

1. 左のパネルでA/Bテストをクリックし、新しいA/Bテストボタンをクリックします。


2.  A/Bテストには、説明的な名前を入力し、実施したいウェブページのURLを入力します。
例えば、ウェブサイトのホームページの要素をテストしたい場合、このA/Bテストを「ホームページA/Bテスト」と名付けます。
重要: A/Bテストは、高度な ボタンを有効にすることで、複数のウェブページにわたって実行することもできます。このオプションでは、異なるURLマッチタイプを使用したり、単一のA/B実験でトラッキングされるウェブページを含めたり除外したりすることもできます。詳細は、高度なURLターゲティングを使用したA/Bテストの作成方法をご覧ください。
3.  完了したら、作成をクリックします。

ビジュアルエディタを使用して新しいバリエーションを作成する

1. デフォルトでは、エディタページでA/Bテストページのバリエーション1が表示されます。
PageSenseでは、エディタウィンドウでバリエーションの作成、名前の変更、複製などのオプションを提供しています。新しいバリエーションを作成するには、バリエーションドロップダウンをクリックし、新しいバリエーションを追加をクリックします。


2. レンダリングされたウェブページ上の任意の場所にマウスをホバーすると、ページのさまざまな要素が強調表示されます。
PageSenseビジュアルエディタは、テストの編集、スタイルの追加、画像の追加や並び替え、要素の位置調整、コンテンツの非表示など、さまざまなオプションを提供しています。エディタでは、カスタムCSSやJavascriptコードの編集や追加、およびトップバーからの編集 と インタラクトモードの切り替えが可能で、ウェブサイト内の異なるページ間を移動することもできます。



3. 変更を完了したら、変更内容を保存し、右上隅の保存をクリックして次へをクリックし、実験の目標を設定します。

コンバージョン目標の追加

1. ［目標］ページの+ 新しい目標ボタンをクリックして、バリエーションページに新しい目標を追加します。



2.  左ペインのオプションリストから、目標タイプを選択することができます：

3. 右上隅の保存をクリックし、次へをクリックして選択したバリエーションの目標を保存します。 

対象のパラメータを選択してください

1. 参加ページのスライダーを使用して、実験に参加するオーディエンスの割合を設定します。
例えば、ブログサイトの新しいホームページを設計し、毎月10,000人が訪れるホームページがあります。今、新しいホームページを訪れるオーディエンスのうち、50%のみでA/Bテストを行いたいと思っています。その場合、テストを開始する前にスライダーで参加率を50%に減らすことで、新しく設計したウェブページのパフォーマンスを解釈し、テスト結果を理解することができます。いつでもスライダーで参加率を上げることで、より広範なオーディエンスに実験を対象にすることができます。

注意: 

  • 含まれるユーザーは、実験のオリジナルまたは選択したバリアントのいずれかにランダムに割り当てられます。

  • デフォルトでは、ターゲティングの要件を満たすユーザーの100%がA/Bテストに含まれます。初めてA/Bテストを行う場合は、より小規模な対象者から始める方が一般的に良いです。 
2. 行動、場所、デバイスなどのパラメータに基づいて、このバリエーションをターゲットとする特定の訪問者グループを選択します。  ターゲットオーディエンス セクションで設定します。 
PageSenseでは、3つのカテゴリが提供されています： 全訪問者 (デフォルトで選択されています)、プリセットセグメント、および カスタムセグメント。これらのオーディエンスタイプが要件を満たさない場合は、 +カスタムオーディエンス ボタンをクリックしてください。
たとえば、デスクトップ訪問者のみを対象に実験を行った場合、オリジナルとバリエーションのページは、各バリエーションに設定されたトラフィック割合に基づいて、デスクトップデバイスからサイトにアクセスするユーザーに表示されます。Zoho PageSenseでの異なるターゲットオーディエンスグループの詳細については、こちらの記事をご覧ください。


3. 実験の次へ をクリックして、実験の設定 タブに進んでください。

テストオプションの設定（実験方法、時間の長さなど）  

1. A/B実験のバリエーションとオリジナルバージョンに入るトラフィックの割合を設定するには、CONFIGURATIONページのセグメントトラフィックスライダーを使用します。

たとえば、訪問者のうち80％（AUDIENCEタブのParticipationセクションで選択された）に実験を表示することに決めたとします。そして、その訪問者をセグメント化し、50％が元のサイトを見、50％が新しいバリエーションを見るようにします。これにより、ウェブサイトに訪れる総訪問者のうち、20％は実験をまったく見ることができず、残りの80％は元のページとバリエーションページの50/50の割合で分割されます。テスト期間が終了すると、各バージョンに割り当てられたトラフィックに基づいて勝者が決定されます。

情報：トラフィック分布は、訪問者が特定のバリエーションを表示される確率を表します。2つのバリエーションと元のバージョンがあり、トラフィックが均等に分割されている場合、各新規訪問者は各バリエーションと元のバージョンが表示される確率が33％になります。ただし、バリエーションの実際の訪問者数は、REPORTSページ上での33％の確率と完全に一致するわけではありませんが、時間の経過とともに、各バリエーションの訪問者数はこの数値に近づくはずです。
2.  A/Bテストの結果を実行し評価するために、好みの統計手法を選択してください。 実験方法の設定 セクション。Zoho PageSenseでは、2種類の実験方法を提供しています。

  1. ベイズ法: この方法は、AがBよりも優れたパフォーマンスをする確率を計算します。


  2. 頻度主義法: この統計的な方法は、AがBを打ち負かすかどうかを教えてくれますが、AがBよりも優れたパフォーマンスをする確率は教えてくれません。

    • クイックトレンド：この方法は、クイックな見出しテストやCTAクリックなど、収益に関連しない目標のテストに最適です。短いテスト時間で迅速な結果を提供し、統計的な有意性が90％を示します。

    • 最適：この方法は、あらゆる種類の実験に最適であり、中程度のテスト時間でかなり正確な結果を提供します。統計的な有意性が95％です。

    • 高い精度：これは、収益に直接影響を与える重要な実験に最適であり、長いテスト時間で非常に正確な結果を提供します。統計的な有意性は99％以上です。

3. 次に、実験アクティベーションモード セクションに進み、以下のようにオーディエンスにバリエーションを表示するタイミングを選択してください：

  1. ページの読み込み時にアクティブにする： これは、ページの読み込みと同時に実験をトリガーするためのデフォルトオプションです。 



  2. 手動でアクティベートする： このオプションは、ウェブページに配置されたカスタムコードに基づいてテストを手動でアクティベートするために使用されます。画面に表示されるスニペットコードをウェブページのアクティベートしたい場所にコピー＆ペーストしてください。

    たとえば、ユーザーがページを閉じようとすると、新しい商品やプロモーションを含んだウェブページを表示したい場合は、ウェブページの閉じる関数内にカスタムコードを追加して、お得な割引情報をチェックアウトするように顧客に促すバリエーションページをトリガーします。

  3. 条件を満たした場合にアクティブ化する：このオプションは、訪問者のウェブページ上の行動に基づいて、真偽値（TrueまたはFalse）を返すカスタムJavaScriptコードを追加するために使用されます。JavaScriptコードがTrueを返すと、実験は自動的にトリガーされ、実験ページが表示されます。なお、ブール値の条件は、ウェブページ上で50ミリ秒ごとに評価および監視されます。

    たとえば、ブログ記事を半分スクロールした購読者に特別なニュースレターポップアップを表示するバリエーションページをテストしたい場合は、このオプションを使用します。

注意：複数ページの実験に条件付きアクティベーションを使用している場合は、実験のすべてのページにアクティベーションコードが追加されていることを確認してください。そうでない場合、アクティベーションは1ページのみで行われます。

4. 実験中には、以下のオプションを有効または無効にすることもできます: 

  1. ヒートマップレポートの生成： ヒートマップボタンを有効にすると、変更前と変更後のページのさまざまなセクションでの訪問者の関与度を確認できます。ヒートマップについて詳しくはこちらをご覧ください。 


  2. 実験のスケジュール： カレンダーを使用して、実験を開始する特定の日付を選択します。
     

  3. サードパーティツールとの連携：このオプションを使用すると、PageSenseプロジェクトをGoogle AnalyticsやIntercomeなどの他のサードパーティアプリケーションと統合し、お好みのツールでA/Bテストレポートをアクセスおよび読み取ることができます。PageSenseをサードパーティアプリケーションと統合する方法について詳しくはこちらをご覧ください。

5. 次へをクリックして、SUMMARYタブに移動します。

品質保証のためのレビューとチェック

A/Bテストの品質保証（QA）モードは、A/B実験のページが正しく表示され、正常に動作するかどうかを評価するための簡単で迅速な方法です。これは、オーディエンスに公開する前に、プレビューツールのような機能を果たします。以下の項目を確認するために使用できます：

変更したバリエーションページは正しく表示されます：
  1. 適切なターゲットセグメントが含まれているか除外されているか
  2. すべてのイベントと目標が正しくトラッキングされ、変換されている
  3. すべてのユーザーフローが予想通りにページからキャプチャされている
  4. バリエーションページがデスクトップ、モバイル、タブレットの表示、およびさまざまなブラウザ間で完璧に動作している
A/BテストでQAモードを使用するには、 1.  SUMMARYページのLaunch QA Modeボタンをクリックして、WebページのQAウィンドウが開いた実験ページを表示します。

2. 以下のオプションを使用してテストを評価できます：

  1. A/B TESTSセクションで実験とバリエーションを選択し、変更が予想通りにバリエーションページに表示されるか確認します。
  1. 「受信者セグメント」セクションで「定義」をクリックして、さまざまな受信者に対してバリエーションや体験がどのように表示され、イベントが正しくターゲットの受信者セグメントに対して発生しているかを確認できます。


  2. 「イベント」セクションでは、ウェブページ上で行ったすべてのインタラクションを表示し、追跡することができます。これには達成した目標、クリックした要素、および対象となる受信者が含まれます。


情報：QAモードで対象セグメントを変更すると、イベントセクションが新しい対象セグメントの条件にリセットされます。
4. リンクを生成をクリック（右上隅にあります）して、実験を開始せずにバリエーションのプレビューリンクを同僚や内部関係者と共有します。なお、このリンクはQAテスト用に30分間のみ有効です。

A/Bテストを開始する

SUMMARYページでは、作成したバリエーションの数、追加したゴール、対象となるターゲットオーディエンスセグメント、およびその他の設定など、実験の構成オプションの概要が表示されます。

A/Bテストを開始するには：
1. 右上隅の開始をクリックして実験を開始します。



2. 実験が開始されると、レポートタブが概要タブの隣に表示されます。
実験が実行中の場合、エディタ、ゴール、バリエーション、および構成のタブは非表示になります。ただし、実験に変更を加えたい場合は、一時停止ボタンをクリックし、必要な編集を行い、再開をクリックして実験を再実行します。


注意： Zoho PageSense のコードスニペットがA/BテストのすべてのURLにインストールされていることを確認してください。