Visual Experience Composer を使用したパーソナライズ機能

マーケターが Adobe Target 内に A/B ターゲットアクティビティを作成します。

1. Adobe Target ウィンドウから「アクティビティ」タブに移動します。
2. 「アクティビティの作成」ボタンをクリックし、アクティビティの種類として A/B テスト を選択します。
   
3. Web チャネルを選択し、Visual Experience Composer を選択します。
4. アクティビティ URL を入力し、「次へ」をクリックして Visual Experience Composer を開きます。
   
5. Visual Experience Composer を読み込むには、ブラウザーで「安全でないスクリプトの読み込みを許可する」を有効にして、ページをリロードします。
   
6. WKND サイトのホームページが Visual Experience Composer エディターで開いていることに注意してください。
   
7. エクスペリエンス A はデフォルトの WKND ホームページを提供します。エクスペリエンス B のコンテンツレイアウトを編集しましょう。
   
8. カードレイアウトコンテナの 1 つ（最高のロースター）をクリックし、並べ替え オプションを選択します。
   
9. 並べ替えたいコンテナをクリックし、目的の場所にドラッグ＆ドロップします。最高のロースター ​コンテナを 1 行目の 1 列目から 1 行目の 3 列目に並べ替えましょう。現在、最高のロースター ​コンテナは​ 写真展 コンテナの隣にあります。
   
   並べ替え後
   
10. 同じように、他のカードコンテナの位置を並べ替えます。
    
11. また、カルーセルコンポーネントの下とカードレイアウトの上に、ヘッダーテキストを追加してみましょう。
12. カルーセルコンテナをクリックし、後に挿入／HTML オプションを選択して HTML を追加します。
    

<h1 style="text-align:center">Check Out the Hot Spots in Town</h1>

13. 「次へ」をクリックして、アクティビティを続行します。
14. トラフィックの割り当て方法 ​として手動を選択し、100％のトラフィックを​ エクスペリエンス B に割り当てます。

15. 「次へ」をクリックします。
16. アクティビティの​ 目標指標 を提供し、A/B テストを保存して閉じます。

17. アクティビティに名前（WKND ホームページ更新）を付けて、変更を保存します。
18. アクティビティの詳細画面から、アクティビティを​ アクティベート してください。

19. WKND ホームページ（http://localhost:4503/content/wknd/en.html）に移動すると、WKND ホームページ更新 A/B テストアクティビティに追加されたことがわかります。

20. ブラウザーコンソールを開き、「ネットワーク」タブを調べて、 WKND ホームページの更新 A/B テストアクティビティに対するターゲット応答を探します。