A/B テストによる検証

AEMで、エクスペリエンスフラグメント カードをクリックし、西オーストラリア州でのキャンプ​に移動して、編集​をクリックします。

エディターの「バリエーション」セクションで、作成​をクリックし、バリエーション​を選択します。

「バリエーションを作成」ダイアログで、次の操作を行います。

• テンプレート: エクスペリエンスフラグメント Web バリエーション テンプレート
• タイトル：例：「グリッド外」

「完了」をクリックします。

マスターバリエーションから​ティーザー コンポーネントをコピーしてバリエーションを作成し、コンテンツをカスタマイズします（例：タイトルと画像の更新）。

この手順を繰り返して、別のバリエーションを作成します（例：「ワイルドの放浪」）。

A/B テスト用に3つのエクスペリエンスフラグメントのバリエーションができました。

Adobe Targetを使用してバリエーションを表示する前に、既存の静的ティーザーをホームページから削除する必要があります。 エクスペリエンスフラグメントのバリエーションはTargetを介して動的に挿入されるため、コンテンツの重複を防ぐことができます。

• 英語 ホームページ /content/wknd/language-masters/enに移動します
• エディターで、Camping in Western Australia ティーザーコンポーネントを削除します。
  

US > English ホームページ （/content/wknd/us/en）に変更をロールアウトして、更新を反映します。

更新を公開するには、US > English ホームページを公開します。

AEMで、西オーストラリア州のキャンプ​に移動し、3つのバリエーションを選択して、Adobe Targetに書き出し​をクリックします。

Adobe Targetで、オファー​に移動し、バリエーションがインポートされていることを確認します。
Adobe Targetの

Adobe Experience Cloud Visual Editing Helper Chrome拡張機能をインストールします。

Adobe Targetで、アクティビティ​に移動し、アクティビティの作成​をクリックします。

A/B テスト アクティビティを作成 ダイアログで、次の項目を入力します。

• 種類: Web
• Composer：ビジュアル
• アクティビティ URL：例：https://wknd.enablementadobe.com/us/en.html

「作成」をクリックします。

アクティビティの名前を意味のある名前に変更します（例：「WKND ホームページ A/B テスト」）。

エクスペリエンス A​で、最近使用した記事 セクションの上に​エクスペリエンスフラグメント コンポーネントを追加します。

コンポーネントダイアログで、オファーを選択​をクリックします。

「西オーストラリア州でのキャンプ」のバリエーションを選択し、追加​をクリックします。

エクスペリエンス B​と​ C ​について繰り返し、それぞれ​ グリッド外 ​と​ ワイルド ​をさまよっている状態を選択します。
を追加

「ターゲティング」セクションで、すべてのエクスペリエンスでトラフィックが均等に分割されていることを確認します。

目標と設定​で、成功指標を定義します（CTAがエクスペリエンスフラグメントをクリックするなど）。

右上隅の「アクティブ化」をクリックして、テストを起動します。

Adobe Experience Platformで、データストリーム​に移動し、データストリームの作成​をクリックします。

データストリームを作成 ダイアログで、データストリームの​ 名前 ​を入力し、保存​をクリックします。

データストリームを作成したら、サービスを追加​をクリックします。

Add Service ステップで、ドロップダウンから​ Adobe Target ​を選択し、Target Environment ID​を入力します。 Target Environment IDは、Administration > Environments​の下のAdobe Targetで見つけることができます。 「保存」をクリックして、サービスを追加します。

データストリームの詳細を確認して、Adobe Target サービスがリストされ、正しく設定されていることを確認します。

Adobe Experience Platformで、Tags​に移動し、Adobe Tagsの統合手順で作成したプロパティを開きます。

左側のメニューから、拡張機能​をクリックし、カタログ タブに切り替えて、Web SDK​を検索します。 右側のパネルで「Install」をクリックします。

拡張機能のインストール ダイアログで、前に作成した​ データストリーム ​を選択し、保存​をクリックします。

インストール後、「インストール済み」タブに​ Adobe Experience Platform Web SDK ​と​ Core ​の両方の拡張機能が表示されていることを確認します。

次に、ライブラリの読み込み時にWeb SDK イベントを送信するルールを設定します。 左側のメニューから​ ルール ​に移動し、新しいルールを作成​をクリックします。

ルールを作成​画面で、ルール名（All Pages - Library Loaded - Send Eventなど）を入力し、「イベント」セクションの「+ Add」をクリックします。

イベント設定 ダイアログで、次の操作を行います。

• 拡張機能: Core​を選択
• イベントタイプ: 読み込まれたライブラリ （ページトップ）​を選択
• Name: Core - Library Loaded (Page Top)と入力します

「変更を保持」をクリックして、イベントを保存します。

アクション セクションで、+追加​をクリックして、イベントが発生したときに発生するアクションを定義します。

アクション設定 ダイアログで、次の操作を行います。

• 拡張機能: Adobe Experience Platform Web SDK​を選択
• アクションの種類: イベントの送信​を選択
• 名前: AEP Web SDK - イベントの送信​を選択します

右側のパネルの​Personalization セクションで、「視覚的なパーソナライゼーションの決定をレンダリング」オプションをオンにします。 次に、変更を保持​をクリックして、アクションを保存します。

完了したルールを確認し、保存​をクリックします。

変更を適用するには、公開フロー​に移動し、更新されたルールを​ ライブラリ ​に追加します。

最後に、ライブラリを​ 実稼動環境 ​に昇格します。

公開されたサイト（WKND Enablement web サイト ​など）にアクセスし、表示されるバリエーションを確認します。別のブラウザーやモバイルデバイスからアクセスして、代替のバリエーションを確認してみてください。

ブラウザーの開発者ツールを開き、「ネットワーク」タブを確認します。 interactでフィルタリングして、Web SDK リクエストを見つけます。 リクエストは、Web SDK イベントの詳細である必要があります。