行動ターゲティング

ホームページ：ユーザーが Bali Surf Camp、Riverside Camp、Tahoe Skiing のいずれかのアドベンチャーページを閲覧した後にホームページにアクセスすると、家族旅行者 オーディエンスに分類され、「次のアドベンチャー」セクションの上にパーソナライズされたヒーローセクションが表示されます。

アドベンチャーページ：ユーザーが Bali Surf Camp または Surf Camp （コスタリカ） アドベンチャーページを表示すると、サーフィンの興味 オーディエンスに分類され、アドベンチャーページにパーソナライズされたヒーローセクションが表示されます。

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

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

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

名前とレビュー ステップには、次を入力します。

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

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

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

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

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

データセットを作成 の手順で「スキーマからデータセットを作成」オプションを選択し、「次へ をクリックし す。

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

データセットを設定 手順については、次を入力します。

• 名前:WKND-RDE-Behavioral-Targeting
• 説明：ページビューデータを格納するデータセット

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

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

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

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

新しいデータストリーム 手順で、以下を入力します。

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

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

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

• イベントデータセット:WKND-RDE 行動ターゲティング
• プロファイルデータセット:WKND-RDE 行動ターゲティング
• Offer Decisioning：有効にする
• Edgeのセグメント化：有効にする
• Personalizationの宛先：有効にする

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

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

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

プロパティを作成 ダイアログで、以下を入力します。

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

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

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

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

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

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

• Name：ホスト名

• 拡張機能: 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-Behaviour-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 データ要素にマッピングします

    

  • 同様に、server を Host Name データ要素にマッピングし、siteSection を Site Section データ要素にマッピングします。 pageView/value は、1 と入力してページビューイベントを指定します。

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

• もう一度「追加」をクリックして別のアクションを追加し、「アクションの設定 ウィザードを開きます。

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

  

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

  

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

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

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

ライブラリを追加 ダイアログで、次の情報を入力します。

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

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

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

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

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

必ず「デフォルトの結合ポリシー」オプションと「Edgeでアクティブ化の結合ポリシー」オプションの両方を有効にします。 これらの設定により、行動データが適切に統合され、リアルタイムオーディエンス評価に使用できるようになります。

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

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

「宛先の詳細」セクションで、次の情報を入力します。

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

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

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

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

作成 手順で、以下を入力します。

• 名前：ファミリートラベラー
• 説明：家族に優しいアドベンチャーページを訪問したユーザー
• 評価方法:Edge を選択します（リアルタイムのオーディエンス評価用）

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

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

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

オーディエンスをレビューし、「宛先に対してアクティブ化 ボタンをクリックします。

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

AEPにはまだデータがないので、オーディエンス数は 0 になります。 ユーザーが web サイトに訪問し始めると、データが収集され、オーディエンス数が増加します。

Adobe Experience Cloud にログインし、アプリ切り替えボタンまたは「クイックアクセス」セクションから 2}Experience Manager} に移動します。

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

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

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

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

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

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

Adobe Experience Cloud にログインし、アプリ切り替えボタンまたは「クイックアクセス」セクションから 2}Adobe Target} に移動します。

Adobe Targetで オーディエンス をクリックし、ファミリートラベラーズオーディエンスが作成されていることを確認します。

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

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

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

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

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

「次へ」をクリックして「目標と設定」セクションを適切な目標と指標で設定し、アクティブ化して、変更をライブにプッシュします。

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

次に、ホームページに再度アクセスすると、「次のアドベンチャー セクションの前に、 ファミリー旅行者 オーディエンスのパーソナライズされたエクスペリエンスが表示 れます。

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

応答には、ファミリートラベラー オーディエンスに含まれていることを示す、Adobe Targetによるパーソナライゼーションの決定が含まれている必要があります。

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

アドベンチャーページ：サーフィン愛好家の場合、アドベンチャーページはパーソナライズされたヒーローセクションで表示されます。 ユーザーが Bali Surf Camp または Surf Camp （コスタリカ） のアドベンチャーページを閲覧すると、ユーザーは サーフィンの興味 オーディエンスに分類されます。 オーディエンスタイプは バッチ なので、評価はリアルタイムではなく、1 日のような期間にわたって行われます。 再訪問者に便利です。

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