Web SDKを使用したJourney Optimizer web チャネルの設定

Adobe Experience Platform Web SDKを使用してAdobe Journey Optimizerweb チャネル ​ を実装する方法について説明します。 このレッスンでは、基本的な web チャネルの前提条件、設定の詳細な手順、ロイヤルティステータスに基づくユースケースを詳しく説明します。

このレッスンに従うと、Journey Optimizerのユーザーは、Journey Optimizer web デザイナーを使用した高度なオンラインパーソナライゼーションのために web チャネルを使用できるようになります。

学習内容

このレッスンを終了すると、次の操作を実行できます。

前提条件

このセクションのレッスンを完了するには、まず次の操作を行う必要があります。

用語

まず、web チャネルキャンペーンで使用される用語を理解する必要があります。

データストリームの設定

Adobe Experience Platform サービスは既にデータストリームに追加されています。 次に、「Adobe Journey Optimizer」オプションを有効にして、web チャネルエクスペリエンスを提供できるようにする必要があります。

データストリームでAdobe Journey Optimizerを設定するには：

これにより、Journey OptimizerのインバウンドイベントがAdobe Experience Platform Edge Networkで正しく処理されます。

結合ポリシーの設定

「Active-On-Edge結合ポリシー」オプションが有効になっている結合ポリシーが定義されていることを確認します。 この結合ポリシーオプションは、Journey Optimizer インバウンドチャネルで使用され、エッジでのインバウンドキャンペーンの正確なアクティブ化と公開を確保します。

結合ポリシーでオプションを設定するには：

コンテンツ実験用の web データセットの設定

Web チャネルキャンペーン内でコンテンツ実験を使用するには、使用する web データセットがレポート設定にも含まれていることを確認する必要があります。 Journey Optimizer レポートシステムは、データセットを読み取り専用で使用して、標準のコンテンツ実験レポートを生成します。

​ コンテンツ実験レポート用のデータセットの追加について詳しくは、この節を参照してください ​。

ユースケースの概要 – ロイヤルティ報酬

このレッスンでは、サンプルのロイヤルティ報酬のユースケースを使用して、web SDKを使用した web チャネルエクスペリエンスの実装を詳細に説明します。

この使用例を使用すると、Journey Optimizer キャンペーンと Web デザイナーを活用して、Journey Optimizerが最適なインバウンドエクスペリエンスを顧客に提供するのにどのように役立つかをより深く理解できます。

このチュートリアルは実装者向けなので、このレッスンにはJourney Optimizerでの実質的なインターフェイス作業が含まれていることは注目に値します。 このようなインターフェイスタスクは通常マーケターが処理しますが、web チャネルキャンペーンの作成を通常担当していない実装者でも、insightをプロセスに参加させることが有益な場合があります。

ロイヤルティ報酬キャンペーンの作成

サンプルロイヤルティデータを取り込んでセグメントを作成したら、Adobe Journey Optimizerでロイヤルティ報酬 web チャネルキャンペーンを作成します。

サンプルキャンペーンを作成するには：

ロイヤルティ報酬コンテンツを試す

Web 設定 ​ を選択したので、「アクション」セクションで実験を作成し、Luma Loyalty Rewards – Gold Status オーディエンスに対してどのコンテンツがより効果的かをテストできます。 キャンペーン設定のコンポーネントとして、2 つの処理を作成してテストします。

コンテンツ実験を作成するには：

Adobe Journey Optimizer web チャネルでのコンテンツ実験の詳細を説明します ​。

Visual Helper を使用したコンテンツの編集

次に、web チャネルエクスペリエンスを作成します。 まず、Google Chrome用の Adobe Experience Cloud Visual Editing Helper ブラウザー拡張機能と、Edge®Microsoft用の ブラウザー拡張機能をまだインストールしていない場合は、インストールします。 インストールが完了したら、Journey Optimizer インターフェイスで次の手順を実行します。

メッセージをパーソナライズするために使用できるオプションは多数あります。

HTML デザインの変更

ロイヤルティ報酬キャンペーンのコンポーネントとしてサイトにさらに高度な変更やカスタム変更を加える場合は、いくつかの方法を使用できます。 治療 B でこれらのいくつかを調べてください。

コンポーネント パネルを使用して、HTMLまたは他のコンテンツを Luma サイトに直接追加します。

新しいHTML コンポーネントをページ上部に追加します。 式エディター を再度開いて、HTMLを編集します。

。

または、変更 パネルからHTMLの編集内容を追加します。 このパネルを使用すると、ページ上のコンポーネントを選択し、Designer インターフェイスから編集できます。

エディター内で、Luma Loyalty Rewards – Gold Status オーディエンスのHTMLを追加します。 「検証」を選択します。

次に、新しいカスタム HTML コンポーネントでフィット感と操作性を確認します。

オーディエンスに対するキャンペーンのターゲット設定

デフォルトでは、キャンペーンはすべてのサイト訪問者に対してアクティブです。 このユースケースでは、ゴールドステータス報酬メンバーにのみエクスペリエンスが表示されます。 このオーディエンスにコンテンツをターゲット設定するには：

キャンペーンのスケジュール

デフォルトでは、キャンペーンを手動でアクティブ化および非アクティブ化すると、キャンペーンは開始および停止します。 ただし、特定の日時に開始および停止するようにスケジュールするオプションがあります。 デフォルト設定のままにし、「アクティブ化するレビュー」を選択します。

ロイヤルティ報酬キャンペーンのアクティブ化

最後に、キャンペーンの詳細を確認するプロンプトが表示されます。 アクティブ化 を選択します。 キャンペーンがサイト上でライブになるまでに最大 15 分かかることがあります。

ロイヤルティ報酬 QA

「ゴールドステータス」のユーザーをシミュレートし、キャンペーンに適格にするために使用できるログインがいくつかあります。 これらが機能するには、Experience Platformの設定 ​ にサンプルデータをアップロードし、web サイトでこれらの資格情報を使用してアカウントを作成する必要があります。

ベストプラクティスとして、起動後にキャンペーンの概要画面で Web キャンペーン統計を監視するか、レポート をクリックして、より詳細なレポートを作成します。

Adobe Experience Platform Debuggerを使用した web チャネル検証

Adobe Experience Platform Debugger拡張機能はChromeと Firefox の両方で使用でき、web ページを分析してAdobe Experience Cloud ソリューションの実装に関する問題を特定します。

Luma サイトでデバッガーを使用すると、実稼動環境での web チャネルエクスペリエンスを検証できます。 これは、ロイヤルティ報酬のユースケースを立ち上げて実行し、すべてが正しく設定されていることを確認した後のベストプラクティスです。

​ こちらのガイドを使用して、ブラウザーでデバッガーを設定する方法を説明します ​。

デバッガーを使用して検証を開始するには：