メインコンテンツにスキップ
Loading...
Skip to article
  • Customer Experience
    Customer Experience
  • Employee Experience
    Employee Experience
  • Brand Experience
    Brand Experience
  • Core XM
    Core XM
  • Design XM
    Design XM

Web サイト/アプリインサイトでの A/B テスト


Was this helpful?


This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

The feedback you submit here is used only to help improve this page.

That’s great! Thank you for your feedback!

Thank you for your feedback!


ヒント:このページで説明する機能にアクセスできない場合は、営業担当にお問い合わせください。デジタルフィードバックとデジタル向け CustomerXM の違いの詳細については、デジタルフィードバックとを参照してください。デジタル向け CustomerXM

ウェブサイト/アプリのインサイトにおけるA/Bテストについて

A/B テストは、分野を横断して使用される従来の調査書式です。このテスト方法では、コントロール条件を治療が適用される条件と比較します。これにより、回答者の行動とコントロールベースラインの間に大きな差異があるかどうかを分析できます。A/B テストは、顧客が優先するデザインまたは広告の 2 つのバージョンを比較できるため、Web 開発に役立ちます。

このページでは、サイト訪問者のランダム化されたサブセットに対して同じ Web サイト/App Insights の 2 つの異なるバージョンをテストし、どちらのパフォーマンスが向上するかを確認する方法について説明します。

ヒント:このページは、ウェブサイトのインターセプトを本稼動前にテストすることではありません。このガイドについては、「インターセプトのテストセクション」を参照してください。
ヒント:ウェブ開発の目的に関連しない研究目的でA/Bテストを実行することに関心がある場合は、「アンケートでのA/Bテスト」を参照してください。

テスト対象のクリエイティブの確立

[クリエイティブ]は、ウェブサイト/アプリインサイトプロジェクトのビジュアル要素です。A/B でクリエイティブをテストする最初のステップは、もちろん、テストするクリエイティブを作成することです。

さまざまな広告やバナー、埋め込みコンテンツを試している場合でも、A/Bはどんなクリエイティブでもテストできます。開始にあたって、クアルトリクスで作成できるクリエイティブのリストを以下に示します。

ヒント:テストするバージョンごとに個別のクリエイティブを作成してください。たとえば、新しい広告が白黒と色でより多くのクリックを取得するかどうかをテストする場合は、クリエイティブを 2 つ作成する必要があります。
ヒント:通常は、同じタイプのクリエイティブを2つ以上テストします。ただし、絶対的なルールはありません。たとえば、画面上にポップアップするバナーまたはダイアログがサイト訪問者とのトラクションを増やすかどうかを評価しようとしている場合があります。
ヒント:A/Bテスト用に作成するクリエイティブとインターセプトは、同じプロジェクト内に配置する必要があります。

クリエイティブの公開

終了したら、以下を確認してください。 公開 クリエイティブをライブコードにプッシュできます。コードをウェブサイトに配置すると、公開された変更のみがウェブサイトに表示されます。クリエイティブを編集し、ウェブサイトにコードをデプロイしてもらい、ウェブサイト訪問者に編集内容をライブプッシュ

しないようにするには、代わりに[保存]をクリックします。

A/B テストで使用するクリエイティブの公開

インターセプトの設定

クリエイティブが作成されたら、インターセプトに移動します。インターセプトは、クリエイティブがウェブサイトにいつどのように表示されるかを管理するルールです。

すべてのインターセプトは少なくとも 1 つのアクションセットで構成されます。アクションセットによって、特定の条件が満たされた場合に Web サイトで行われる処理が決定されます。複数のアクションセットを設定すると、さまざまなウェブサイト訪問者にまったく異なるクリエイティブを提示するなど、より複雑な作業を開始できます。

  1. インターセプトを作成します。
    ヒント:以前のフローのユーザーについては、以下の手順を参照してください。新しいフローのユーザについては、以下のステップを参照してください。
  2. テストするクリエイティブごとにアクションセットを作成します
    2 つのアクションセットがあるインターセプト。それぞれに 2 つの異なるが類似のクリエイティブがロードされます。
  3. 必要に応じて、ロジックを追加します。両方のクリエイティブに適用されるロジックには、インターセプトターゲットロジックを使用します。作成固有の場合は、アクションセットロジックを使用します。
    例:どのランダム化されたサブセットに自分のバナーが表示されるかに関係なく、サポートページにのみ表示する必要がある。URL にインターセプトロジックに “/support/” を含める必要があることを指定します。
  4. インターセプトのオプションに移動し、[アクションセットのランダム化]を選択します。
    アクションセットをランダム化し、インターセプトオプションで指定されたサンプルレート設定を表示
  5. 表示サンプルレートが 100% であることを確認します。

埋め込みデータ

このステップはオプションですが、A/B テストの結果について動的にレポートする方法を変更することができます。特定の情報をウェブサイトに渡したり、CXダッシュボードを使用したり、ターゲットアンケートで高度なレポートを設定したりする場合は、埋め込みデータをインターセプトに追加します。

埋め込みデータは、任意の値に名前を付けて設定できるカスタム変数です。A/Bテストを目的として、ウェブサイト訪問者がどのトリートメント/バージョンのクリエイティブにさらされたかに関する情報を追跡できます。

  1. 最初のアクションセットで、オプションを選択します
    インターセプトオプションからの埋め込みデータの選択
  2. [埋め込みデータ]を選択します。
  3. フィールドに名前を付けます。たとえば、「条件」のようにシンプルに機能します。
    新しいウィンドウが開き、そこに埋め込まれた静的ウィンドウが指示に従って追加されます。
  4. 静的値を選択します
  5. この条件には一意のラベルを付けます。
    ヒント:条件に番号を付けることも、よりわかりやすい名前を選択することもできます。このデータをレポートする際に、どのようなことがあっても最もメリットがあります。
  6. 変更を保存します。
  7. 2 番目のアクションセットで、オプションを選択します
    インターセプトオプションからの埋め込みデータの選択
  8. [埋め込みデータ]を選択します。
  9. ステップ 3 とまったく同じ項目名を使用します (“条件”
    など)。新しいウィンドウが開き、そこに埋め込まれた静的ウィンドウが指示に従って追加されます。
  10. 静的値を選択します
  11. この条件には一意のラベルを付けます。これは、ステップ 5 で書き留めた内容とは異なる必要があります。
    例:その他の処理セットが「バージョン 1」の場合、この処理セットは「バージョン 2」になります。
  12. 変更を保存します。
  13. さらにアクションセットがある場合は、必要に応じて繰り返します。

さまざまな条件がマークされたら、追加の埋め込みデータを作成し、クリエイティブのパフォーマンスに関する堅牢なレポートの作成に役立てることができます。たとえば、訪問者がサイトで費やした時間、訪問したページ数、クリエイティブを見たときの URL などを記録できます。オプションについては、「ウェブサイト/App Insights の埋め込みデータ」の「埋め込みデータ値タイプ」セクションを参照してください。

埋め込みデータでは条件が設定されますが、Web サイト訪問データなどの取得について説明した動的な値も設定されます。

ヒント:取り込んだ追加の埋め込みデータについては、必ず両方のアクションセットに追加するか、条件の1つに対してのみそのデータを持つようにしてください。上記の同じ埋め込みデータが、2番目の条件として次のように表示されます。

以前の埋め込みデータのように見えます。ただし、条件の埋め込みデータは、別の処理を示すための値が異なります。

ヒント:アクションセットのターゲットを選択したら、適切なクエリ文字列を忘れずに追加してください。通常、各クリエイティブに同じターゲットを追加しますが、必要に応じてクエリ文字列の値が異なることを確認する必要があります。

クエリ文字列を含む完全なターゲットを表示します。リンクは両方で同じであることがわかります。ただし、URL の Condition の値は、1 と 2 を区別するために 1 桁の数字で異なります。

ヒント:サイトの特定のイベントを追跡したいですか?イベントトラッキングとトリガを参照してください。

追加のインターセプトカスタマイズ

インターセプトに追加する残りのオプションとカスタマイズは、プログラムのニーズによって異なります。

インターセプトを編集する際には、その特定のタッチポイントがウェブサイト訪問者に対してどのように動作するかについて考えます。使用可能なオプションの詳細については、以下を参照してください。

追加リソースおよび詳細オプション:

Web サイトへのデプロイメント

A/B テストのデプロイメントは、その他の Web サイト/App Insights プロジェクトと同じです。

インターセプトのテストと有効化

デプロイする前に
、ウェブサイトでインターセプトをテストしてみてください。

ヒント:正しいURLをテストすることを忘れないでください。プロジェクトの設定時に、インターセプトが「www.treadmade.com/home」にのみ表示されるように言った場合、サイトの他のページでインターセプトをテストしても表示されません。

インターセプトの編集が終了したら、 公開 あります。

A/B テストでのインターセプトの公開

編集内容をウェブサイトで公開する準備ができたら― 有効化 件のインターセプトがあります。A/B テスト用のインターセプトの有効化

 

ヒント:今後、インターセプトを編集するたびに、インターセプトがすでにアクティブになっているため、変更を公開してそれらの変更をウェブサイトにプッシュするだけで済みます。1つまたは両方のインターセプトを無効にするには、それらを無効化します。詳細については、「インターセプトのアクティブ化、公開、管理」を参照してください。

開発者のデプロイメントコードの取得

ヒント:詳細については、「プロジェクトデプロイコード」を参照してください。
  1. A/Bテストインターセプトが存在するプロジェクトを見つけます。
  2. デプロイメントに移動します。
    ウェブサイト/App Insightsプロジェクトの設定とデプロイコード

開発チームのリソース

コードを取得したら、開発チームに役立つリソースがいくつかあります。

ヒント:すでにタグマネージャーがある場合は、タグマネージャーを使用してデプロイメントを迅速化することをお奨めします。

結果の分析

作成した
各クリエイティブには[統計]ページが表示されます。ここでは、特定の期間にクリエイティブが生成したクリック数とインプレッション数を把握できます。さらに、2つのクリエイティブを相互に比較することもできます。このデータをスプレッドシートにダウンロードすることもできます。

作成した 2 つのクリエイティブのパフォーマンスを比較するクリエイティブの統計ページ。時間経過に伴うパフォーマンスを示す折れ線チャート

埋め込みデータ

インターセプトに埋め込みデータを追加すると、レポーティングに関してさまざまな可能性が開かれます。

Qualtricsアンケートで収集された埋め込みデータは、他のアンケートデータと同様にレポートできます。つまり、アンケートレポートとCXダッシュボードに統合し、プログラムで収集されたすべてのデータをより大きなストーリーにすることができます。

作業を開始するためのページを以下に示します。

例:当社では、2 つの異なるフィードバックインターセプトをテストしていました。並列に表示される数値チャートウィジェットでは、各バージョンで収集された回答数が比較されます。

数値と変更データが異なる 2 つの数値チャートが強調表示されました

例:クリエイティブの1つのバージョンと別のバージョンの比較後に、サイトに費やされた時間の比較を表示するシンプルなチャートウィジェット

2 つの異なる色の線で表示される折れ線チャート (それぞれ異なるクリエイティブの代表)

例:バージョンのクリエイティブの回答を比較する棒グラフ

棒グラフ。各棒は異なるクリエイティブを表します。

当サポートサイトの日本語のコンテンツは英語原文より機械翻訳されており、補助的な参照を目的としています。機械翻訳の精度は十分な注意を払っていますが、もし、英語・日本語翻訳が異なる場合は英語版が正となります。英語原文と機械翻訳の間に矛盾があっても、法的拘束力はありません。