行動ターゲティング

ホームページ: ユーザーが​Bali Surf Camp、Riverside Camping、Tahoe Skiing​のアドベンチャーページを閲覧した後にホームページにアクセスすると、Family Travelers​のオーディエンスに分類され、Next Adventures セクションの上にパーソナライズされたヒーローセクションが表示されます。

アドベンチャーページ: ユーザーが​ Bali Surf Camp ​または​Surf Camp In Costa Rica アドベンチャーページを表示すると、Surfing Interest オーディエンスに分類され、アドベンチャーページにパーソナライズされたヒーローセクションが表示されます。

雑誌ページ: ユーザーが​ 3件以上の ​記事を読むと、雑誌リーダー​のオーディエンスに分類され、雑誌ページにパーソナライズされたヒーローセクションが表示されます。

Adobe Experience Platform ホームページで、左側のナビゲーションから​ スキーマ ​をクリックし、スキーマを作成​をクリックします。

スキーマを作成 ウィザードで、スキーマの詳細​手順で、エクスペリエンスイベント オプションを選択し、次へ​をクリックします。

名前とレビュー​の手順では、次のように入力します。

• スキーマ表示名: WKND-RDE-Behavioral-Targeting
• クラスが選択されました: XDM ExperienceEvent

次のようにスキーマを更新します。

• フィールドグループを追加: AEP Web SDK ExperienceEvent
• プロファイル：有効にする

「保存」をクリックして、スキーマを作成します。

Adobe Experience Platform​で、左側のナビゲーションから​ データセット ​をクリックし、データセットを作成​をクリックします。

データセットを作成 ステップで、スキーマからデータセットを作成 オプションを選択し、次へ​をクリックします。

スキーマからデータセットを作成 ウィザードで、スキーマを選択​手順で、WKND-RDE-Behavioral-Targeting スキーマを選択し、次へ​をクリックします。

データセットの設定​手順では、次のように入力します。

• Name: WKND-RDE-Behavioral-Targeting
• 説明: ページビューデータを保存するデータセット

「完了」をクリックして、データセットを作成します。

次のようにデータセットを更新します。

• プロファイル：有効にする

Adobe Experience Platform​で、左側のナビゲーションから​ データストリーム ​をクリックし、データストリームを作成​をクリックします。

新規データストリーム ステップで、次のように入力します。

• Name: WKND-RDE-Behavioral-Targeting
• 説明: ページビューデータをExperience Platformに送信するデータストリーム
• マッピングスキーマ: WKND-RDE-Behavioral-Targeting
  「保存」をクリックして、データストリームを作成します。

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

「サービスを追加」ステップで、ドロップダウンから「Adobe Experience Platform」を選択し、次のように入力します。

• イベントデータセット: WKND-RDE-Behavioral-Targeting
• プロファイルデータセット: WKND-RDE-Behavioral-Targeting
• Offer Decisioning：有効にする
• Edge Segmentation：有効にする
• Personalization Destinations：有効にする

「保存」をクリックして、サービスを追加します。

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

Adobe Experience Platform​で、左側のナビゲーションから​ タグ ​をクリックし、新規プロパティ ボタンをクリックします。

「プロパティを作成」ダイアログで、次のように入力します。

• プロパティ名: WKND-RDE-Behavioral-Targeting
• プロパティタイプ: Web​を選択
• ドメイン: プロパティをデプロイするドメイン （例：.adobeaemcloud.com）

「保存」をクリックして、プロパティを作成します。

新しいプロパティを開き、左側のナビゲーションから​ 拡張機能 ​をクリックし、カタログ タブをクリックします。Web SDK​を検索し、「インストール」ボタンをクリックします。

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

左側のナビゲーションから「データ要素」をクリックし、「新しいデータ要素を作成」ボタンをクリックします。

新しいデータ要素を作成 ダイアログで、次のように入力します。

• 名前: ホスト名

• 拡張機能: Core​を選択

• データ要素タイプ: カスタムコード​を選択

• エディター ボタンを開き、次のコードスニペットを入力します。

  code language-javascript
  if(window && window.location && window.location.hostname) { return window.location.hostname; }

同様に、次のデータ要素を作成します。

• 名前: サイト セクション

• 拡張機能: Core​を選択

• データ要素タイプ: カスタムコード​を選択

• エディター ボタンを開き、次のコードスニペットを入力します。

  code language-javascript

  if(event && event.component && event.component.hasOwnProperty('repo:path')) { let pagePath = event.component['repo:path']; let siteSection = ''; //Check for html String in URL. if (pagePath.indexOf('.html') > -1) { siteSection = pagePath.substring(0, pagePath.lastIndexOf('.html')); //replace slash with colon siteSection = siteSection.replaceAll('/', ':'); //remove `:content` siteSection = siteSection.replaceAll(':content:',''); } return siteSection }

• 名前: ページ名

• 拡張機能: Core​を選択

• データ要素タイプ: カスタムコード​を選択

• エディター ボタンを開き、次のコードスニペットを入力します。

  code language-javascript
  if(event && event.component && event.component.hasOwnProperty('dc:title')) { // return value of 'dc:title' from the data layer Page object, which is propagated via 'cmp:show' event return event.component['dc:title']; }

次に、変数​型のデータ要素を作成します。 このデータ要素には、Experience Platformに送信する前に、ページの詳細が入力されます。

• 名前: XDM変数ページビュー
• 拡張機能: Adobe Experience Platform Web SDK​を選択
• データ要素タイプ: 変数​を選択

右側のパネルには，

• サンドボックス：サンドボックスを選択します
• スキーマ: WKND-RDE-Behavioral-Targeting スキーマを選択します

「保存」をクリックして、データ要素を作成します。

データ要素 リストには、次の4つのデータ要素が必要です。

左側のナビゲーションから「ルール」をクリックし、「新しいルールを作成」ボタンをクリックします。

「新しいルールを作成」ダイアログで、次のように入力します。

• 名前：すべてのページ – ロード中

• イベント セクションで、追加​をクリックして、イベント設定 ウィザードを開きます。

  • 拡張機能: Core​を選択

  • イベントタイプ: カスタムコード​を選択

  • エディター ボタンを開き、次のコードスニペットを入力します。

    code language-javascript

    var pageShownEventHandler = function(evt) { // defensive coding to avoid a null pointer exception if(evt.hasOwnProperty("eventInfo") && evt.eventInfo.hasOwnProperty("path")) { //trigger Launch Rule and pass event console.debug("cmp:show event: " + evt.eventInfo.path); var event = { //include the path of the component that triggered the event path: evt.eventInfo.path, //get the state of the component that triggered the event component: window.adobeDataLayer.getState(evt.eventInfo.path) }; //Trigger the Launch Rule, passing in the new 'event' object // the 'event' obj can now be referenced by the reserved name 'event' by other Launch data elements // i.e 'event.component['someKey']' trigger(event); } } //set the namespace to avoid a potential race condition window.adobeDataLayer = window.adobeDataLayer || []; //push the event listener for cmp:show into the data layer window.adobeDataLayer.push(function (dl) { //add event listener for 'cmp:show' and callback to the 'pageShownEventHandler' function dl.addEventListener("cmp:show", pageShownEventHandler); });

• 条件 セクションで、追加​をクリックして、条件設定 ウィザードを開きます。

  • ロジックタイプ: 標準​を選択

  • 拡張機能: Core​を選択

  • 条件タイプ: カスタムコード​を選択

  • エディター ボタンを開き、次のコードスニペットを入力します。

    code language-javascript
    if(event && event.component && event.component.hasOwnProperty('@type') && event.component.hasOwnProperty('xdm:template')) { console.log('The cmp:show event is from PAGE HANDLE IT'); return true; }else{ console.log('The cmp:show event is NOT from PAGE IGNORE IT'); return false; }

• アクション セクションで、追加​をクリックして、アクション設定 ウィザードを開きます。

  • 拡張機能: Adobe Experience Platform Web SDK​を選択

  • アクションの種類: 変数の更新​を選択

  • web > webPageDetails > name​を​Page Name データ要素にマッピングします

    

  • 同様に、サーバー​を​ホスト名 データ要素に、siteSection​を​サイトセクション データ要素にマッピングします。 pageView > value​の場合は、1と入力して、ページビューイベントを示します。

  • 「変更を保持」をクリックして、アクション設定を保存します。

• 繰り返しますが、追加​をクリックして別のアクションを追加し、アクション設定 ウィザードを開きます。

  • 拡張機能: Adobe Experience Platform Web SDK​を選択
  • アクションの種類: イベントの送信​を選択
  • 右側のパネルの​データ セクションで、XDM-Variable Pageview データ要素を​Web Webpagedetails Page Views タイプにマッピングします。

  

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

  

• 「変更を保持」をクリックして、ルールを保存します。

ルールは次のようになります。

左側のナビゲーションから「公開フロー」をクリックし、「ライブラリを追加」ボタンをクリックします。

「ライブラリを追加」ダイアログで、次のように入力します。

• 名前: 1.0
• 環境: 開発​を選択
• 「変更されたすべてのリソースを追加」をクリックして、すべてのリソースを選択します。

「開発に保存してビルド」をクリックして、ライブラリを作成します。

ライブラリが​開発 スイムレーン用に構築されたら、省略記号（3つのドット）をクリックし、実稼動への承認と公開 オプションを選択します。

Adobe Experience Platform​で、左側のナビゲーションから​ プロファイル ​をクリックし、結合ポリシー タブをクリックします。

既存の結合ポリシーを使用できますが、このチュートリアルでは、次の設定で新しい結合ポリシーを作成します。

既定の結合ポリシー​と​ アクティブ オン Edge結合ポリシー ​の両方のオプションを有効にしてください。 これらの設定により、行動データを適切に統合し、リアルタイムのオーディエンス評価に利用できるようになります。

Adobe Experience Platform​で、左側のナビゲーションから​ 宛先 ​をクリックし、カタログ タブをクリックして、Personalization​でフィルタリングし、（v2）Adobe Target​宛先を選択します。

宛先をアクティブ化 ステップで、宛先の名前を指定し、宛先に接続 ボタンをクリックします。

「宛先の詳細」セクションに、次のように入力します。

• Name: WKND-RDE-Behavioral-Targeting-Destination
• 説明：行動ターゲティングオーディエンスの宛先
• データストリーム：以前に作成した​ データストリーム ​を選択します
• Workspace: Adobe Target ワークスペースを選択します

「次へ」をクリックし、宛先設定を完了します。

Adobe Experience Platform​で、左側のナビゲーションから「オーディエンス」をクリックし、「オーディエンスを作成」ボタンをクリックします。

オーディエンスを作成 ダイアログで、ルールを作成 オプションを選択し、作成 ボタンをクリックします。

Create ステップで、次のように入力します。

• 名前：家族旅行
• 説明：家族向けのアドベンチャーページを訪問したユーザー
• 評価方法: Edge​を選択します（リアルタイムのオーディエンス評価用）

次に、「イベント」タブをクリックし、Web > Web ページの詳細​に移動し、URL フィールドを​イベントルール セクションにドラッグ&ドロップします。 「URL」フィールドをさらに2回ドラッグして、イベントルール セクションに移動します。 以下の値を入力します。

• URL: contains オプションを選択し、riverside-camping-australiaと入力します
• URL: contains オプションを選択し、bali-surf-campと入力します
• URL: contains オプションを選択し、gastronomic-marais-tourと入力します

イベント セクションで、今日 オプションを選択します。 オーディエンスは次のようになります。

オーディエンスを確認し、Activate to destination ボタンをクリックします。

宛先に対してアクティブ化 ダイアログで、前に作成したAdobe Target宛先を選択し、手順に従ってオーディエンスをアクティブ化します。

AEPにはまだデータがないので、オーディエンスサイズは0です。 利用者がweb サイトにアクセスし始めると、データが収集され、オーディエンスサイズが高まります。

Adobe Experience Cloudにログインし、「Experience Manager」に移動して、「アプリ切り替え」または「クイックアクセス」セクションを選択します。

AEM オーサー環境に移動し、「Sites」ボタンをクリックします。

AEMで、エクスペリエンスフラグメント​をクリックします

WKND サイトフラグメント フォルダーに移動し、おすすめ サブフォルダーに移動して、作成 ボタンをクリックします。

エクスペリエンスフラグメントを作成 ダイアログで、「Web バリエーション テンプレート」を選択し、次へ」をクリックします。

ティーザーコンポーネントを追加して、新しく作成したエクスペリエンスフラグメントを作成し、家族旅行に関連するコンテンツでカスタマイズします。 魅力的な見出し、説明、call-to-actionを追加して、冒険旅行に興味のあるファミリー向けにアピールしましょう。

作成したエクスペリエンスフラグメントを選択し、「Adobe Targetに書き出し」ボタンをクリックします。

Adobe Experience Cloudにログインし、「Adobe Target」に移動して、「アプリ切り替え」または「クイックアクセス」セクションを選択します。

Adobe Targetで、Audiences​をクリックし、Family Travelers オーディエンスが作成されていることを確認します。

オーディエンスをクリックすると、オーディエンスの詳細を確認し、適切に設定されていることを確認できます。

次に、Offers​をクリックし、AEMでエクスポートしたオファーが存在することを確認します。 私の場合、オファー（またはエクスペリエンスフラグメント）は​ 家族全員の冒険の味 ​と呼ばれます。

Adobe Targetで、「アクティビティ」をクリックし、「アクティビティを作成」ボタンをクリックして、「エクスペリエンスターゲティング」アクティビティタイプを選択します。

エクスペリエンスのターゲット設定アクティビティを作成 ダイアログで、Web タイプと​Visual コンポーザーオプションを選択し、WKND サイトのホームページ URLを入力します。 「作成」ボタンをクリックして、アクティビティを作成します。

エディターで、家族旅行 オーディエンスを選択し、次の冒険 セクションの前に、家族全体の冒険の味 オファーを追加します。 参考までに、以下のスクリーンショットを参照してください。

「次へ」をクリックし、目標と設定 セクションを適切な目標と指標で設定し、それをアクティブにして変更を公開します。

公開されたサイト（例：WKND イネーブルメント web サイト ​）にアクセスし、Bali Surf Camp​または​ Riverside Camping ​または​Tahoe Skiing アドベンチャーページを参照します。 ページビューイベントをトリガーし、データを収集できるようにするには、ページに少なくとも30秒費やしてください。

次に、ホームページを再訪問すると、次の冒険 セクションの前に、家族旅行​のオーディエンスのパーソナライズされた体験が表示されます。

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

回答には、Adobe Targetが行ったパーソナライゼーションに関する意思決定が含まれている必要があります。これは、Family Travelers​のオーディエンスであることを示しています。

ホームページ: ファミリー旅行者のオーディエンスの場合、次の冒険 セクションの上に、パーソナライズされたヒーローオファーが表示されます。 ユーザーがホームページにアクセスし、Bali Surf Camp​または​ Riverside Camping ​または​ Tahoe Skiing ​のアドベンチャーページにアクセスした場合、そのユーザーは​Family Travelers オーディエンスに分類されます。 オーディエンスタイプは​ Edge ​なので、評価はリアルタイムで行われます。

アドベンチャーページ: サーフィン愛好家の場合、アドベンチャーページはパーソナライズされたヒーローセクションとともに表示されます。 ユーザーが​ Bali Surf Camp ​または​Surf Camp In Costa Rica アドベンチャーページを閲覧すると、ユーザーは​Surfing Interest オーディエンスに分類されます。 オーディエンスタイプは​ Batch ​なので、評価はリアルタイムではなく、1日のような時間を経て行われます。 これは、再訪問者に便利です。

雑誌ページ：雑誌の読者の場合、雑誌ページにはパーソナライズされたヒーローセクションが表示されます。 ユーザーが​ 3つ以上の ​記事を読むと、そのユーザーは​Magazine Readers オーディエンスに分類されます。 オーディエンスタイプは​ Batch ​なので、評価はリアルタイムではなく、1日のような時間を経て行われます。 これは、再訪問者に便利です。