実験（A/B テスト）

AEMで、「エクスペリエンスフラグメント」カードをクリックし、Camping in Western Australia に移動して 編集 をクリックします。

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

バリエーションを作成 ダイアログで、次の手順を実行します。

• テンプレート：エクスペリエンスフラグメント Web バリエーションテンプレート
• タイトル：例：「Off the Grid」

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

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

手順を繰り返して、別のバリエーション（「野生をさまよう」など）を作成します。

これで、A/B テスト用のエクスペリエンスフラグメントのバリエーションが 3 つ作成されました。

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

• English ホームページ /content/wknd/language-masters/en ージに移動します
• エディターで、「西オーストラリアでのキャンプ ティーザーコンポーネントを削除します。
  

米国/英語 ホームページ（/content/wknd/us/en）に変更をロールアウトして、更新を反映させます。

US/英語 ホームページを公開して、更新をライブにします。

AEMで、Camping in Western Australia に移動して、3 つのバリエーションを選択し、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 で、「最近の記事 セクションの上に エクスペリエンスフラグメント コンポーネントを追加します。

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

Camping in Western Australia バリエーションを選択し、「追加」をクリックします。

エクスペリエンス B と C に対して繰り返し、それぞれ グリッドから外れる と 野生をさまよう を選択します。

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

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

右上隅の アクティブ化 をクリックして、テストを開始します。

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

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

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

サービスを追加 手順で、ドロップダウンから「Adobe Target」を選択し、ターゲット環境 ID を入力します。 Target 環境 ID は、Adobe Targetの 管理/環境 にあります。 「保存」をクリックして、サービスを追加します。

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

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

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

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

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

次に、ライブラリが読み込まれたときに web SDK イベントを送信するルールを設定します。 左側のメニューから ルール に移動し、「新規ルールを作成」をクリックします。

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

イベント設定 ダイアログで、次の手順を実行します。

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

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

「アクション」セクションで「+追加」をクリックして、イベントの発生時に発生するアクションを定義します。

アクション設定 ダイアログで、次の手順を実行します。

• 拡張機能:「Adobe Experience Platform Web SDK」を選択します
• アクションタイプ: イベントを送信 を選択します
• 名前: AEP Web SDK - イベントを送信 を選択します

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

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

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

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

公開済みのサイト（例：WKND イネーブルメント web サイト）にアクセスして、表示されるバリエーションを確認します。 別のブラウザーまたはモバイルデバイスからアクセスして、代替のバリエーションを確認します。

ブラウザーのデベロッパーツールを開き、「ネットワーク」タブをチェックします。 interact でフィルタリングして、web SDK リクエストを見つけます。 リクエストには、web SDK イベントの詳細が必要です。