パーソナライゼーションのユースケース：買い物かごの放棄メール

この例では、メールメッセージの本文をパーソナライズします。このメッセージは、ショッピングカートに商品が残っているが購入を完了していない顧客をターゲットにします。

次のタイプのヘルパー関数を使用します。

  • upperCase 文字列関数：顧客の名を大文字で挿入します。詳細情報。
  • each ヘルパー：カートに入っている商品をリストします。詳細情報。
  • ifヘルパー：関連製品がカートに入っている場合に製品固有のメモを挿入します。詳細情報。

➡️ ヘルパー関数の使用方法については、このビデオをご覧ください

開始する前に、次の要素の設定方法を理解しておく必要があります。

次の手順に従います。

  1. 最初のイベントとジャーニーを作成します。
  2. メールメッセージを作成します。
  3. 顧客の名を大文字で挿入します。
  4. カートの内容をメールに追加します。
  5. 製品固有のメモを挿入します。
  6. ジャーニーをテストし公開します。

手順 1：最初のイベントと関連ジャーニーの作成

カートの内容は、ジャーニーからのコンテキスト情報です。したがって、カート固有の情報をメールに追加する前に、最初のイベントとメールをジャーニーに追加する必要があります。

  1. スキーマに productListItems 配列が含まれるイベントを作成します。

  2. この配列のすべてのフィールドを、このイベントのペイロードフィールドとして定義します。

    製品リスト項目のデータタイプについて詳しくは、 Adobe Experience Platform のドキュメントを参照してください。

  3. このイベントで開始されるジャーニーを作成します。

  4. ジャーニーに​メール​アクティビティを追加します。

手順 2： メールの作成

  1. メール​アクティビティで、「コンテンツを編集」をクリックしたあと、「電子メールデザイナー」をクリックします。

  2. E メールデザイナーホームページの左側のパレットから、3 つの構造コンポーネントをメッセージの本文にドラッグ＆ドロップします。

  3. HTML コンテンツコンポーネントを、それぞれの新規構造コンポーネントにドラッグ＆ドロップします。

手順 3： 顧客の名（大文字）の挿入

  1. E メールデザイナーのホームページで、顧客の名を追加する HTML コンポーネントをクリックします。

  2. コンテキストツールバーで、「ソースコードを表示」をクリックします。

  3. HTML を編集​ウィンドウで、upperCase 文字列関数を追加します。

    1. 左側のメニューで、「ヘルパー関数」を選択します。

    2. 検索フィールドを使用して、「uppercase」を検索します。

    3. 検索結果から、upperCase 関数を追加します。それには、{%= upperCase(string) %}: string の横のプラス記号（+）をクリックします。

      式エディターには、次の式が表示されます。

      {%= upperCase(string) %}

  4. 式から「string」プレースホルダーを削除します。

  5. 名トークンを追加します。

    1. 左側のメニューで、「プロファイル属性」を選択します。

    2. ユーザー／姓名​を選択します。

    3. 式に​名​トークンを追加します。

      式エディターには、次の式が表示されます。

      {%= upperCase(profile.person.name.firstName) %}

      ユーザー名データタイプについて詳しくは、Adobe Experience Platform のドキュメントを参照してください。

  6. 「 検証」をクリックしてから、「保存」をクリックします。

  7. メッセージを保存します。

手順 4：カート内の商品リストの挿入

  1. メッセージコンテンツを再度開きます。

  2. E メールデザイナーのホームページで、カートの内容を一覧表示する HTML コンポーネントをクリックします。

  3. コンテキストツールバーで、「ソースコードを表示」をクリックします。

  4. HTML を編集​ウィンドウで、each ヘルパーを追加します。

    1. 左側のメニューで、「ヘルパー関数」を選択します。

    2. 検索フィールドを使用して、「each」を検索します。

    3. 検索結果から、each ヘルパーを追加します。

      式エディターには、次の式が表示されます。

      {{#each someArray as |variable|}} {{/each}}

  5. 式に productListItems 配列を追加します。

    1. 式から「someArray」プレースホルダーを削除します。

    2. 左側のメニューで、「コンテキスト属性」を選択します。

      コンテキスト属性​は、ジャーニーコンテキストがメッセージに渡された後でのみ使用できます。

    3. Journey Optimizer／イベント／event_name を選択し、productListItems ノードを展開します。

      この例では、event_name はイベントの名前を表します。

    4. 式に​製品​トークンを追加します。

      式エディターには、次の式が表示されます。

      {{#each context.journey.events.event_ID.productListItems.product as |variable|}} {{/each}}

      この例では、event_ID はイベントの ID を表します。

    5. 式を次のように変更します。

      1. 「.product」文字列を削除します。
      2. 「variable」プレースホルダーを「product」に置き換えます。

      次の例は、変更された式を示しています。

      {{#each context.journey.events.event_ID.productListItems as |product|}}

  6. 次のコードを、{{#each}} 開始タグと {/each}} 終了タグの間に貼り付けます。

    <table>
   <tbody>
      <tr>
         <td><b>#name</b></td>
         <td><b>#quantity</b></td>
         <td><b>$#priceTotal</b></td>
      </tr>
   </tbody>
</table>

  7. 商品名、数量および価格のパーソナライゼーショントークンを追加します。

    1. HTML テーブルからプレースホルダー「#name」を削除します。
    2. 前の検索結果から、名前​トークンを式に追加します。

    次の手順を 2 回繰り返します。

    • プレースホルダー「#quantity」を​数量​トークンに置き換えます。
    • プレースホルダー「#priceTotal」を​合計価格​トークンに置き換えます。

    次の例は、変更された式を示しています。

    {{#each context.journey.events.event_ID.productListItems as |product|}}
   <table>
      <tbody>
         <tr>
            <td><b>{{context.journey.events.event_ID.productListItems.name}}</b></td>
            <td><b>{{context.journey.events.event_ID.productListItems.quantity}}</b></td>
            <td><b>${{context.journey.events.event_ID.productListItems.priceTotal}}</b></td>
         </tr>
      </tbody>
   </table>
{{/each}}

  8. 「検証」をクリックしてから、「保存」をクリックします。

手順 5：製品固有のメモの挿入

  1. E メールデザイナーのホームページで、メモを挿入する HTML コンポーネントをクリックします。

  2. コンテキストツールバーで、「ソースコードを表示」をクリックします。

  3. HTML を編集​ウィンドウで、if ヘルパーを追加します。

    1. 左側のメニューで、「ヘルパー関数」を選択します。

    2. 検索フィールドを使用して、「if」を検索します。

    3. 検索結果から、if ヘルパーを追加します。

      式エディターには、次の式が表示されます。

      {%#if condition1%} render_1
   {%else if condition2%} render_2
   {%else%} default_render
{%/if%}

  4. 式から次の条件を削除します。

    {%else if condition2%} render_2

    次の例は、変更された式を示しています。

    {%#if condition1%} render_1
   {%else%} default_render
{%/if%}

  5. 製品名トークンを条件に追加します。

    1. 式から「condition1」プレースホルダーを削除します。

    2. 左側のメニューで、「コンテキスト属性」を選択します。

    3. Journey Orchestration／イベント／event_name を選択し、productListItems ノードを展開します。

      この例では、event_name はイベントの名前を表します。

    4. 式に​名前​トークンを追加します。

      式エディターには、次の式が表示されます。

      {%#if context.journey.events.`event_ID`.productListItems.name%}
   render_1
   {%else%} default_render
{%/if%}

  6. 式を次のように変更します。

    1. 式エディターで、name トークンの後に製品名を指定します。

      次の構文を使用します。ここで、product_name は製品の名前を表します。

      = "product_name"

      この例では、製品名は「Juno Jacket」です。

      {%#if context.journey.events.`event_ID`.productListItems.name = "Juno Jacket" %}
   render_1
   {%else%} default_render
{%/if%}

    2. 「render_1」プレースホルダーをメモのテキストに置き換えます。

      例：

      {%#if context.journey.events.`event_ID`.productListItems.name = "Juno Jacket" %}
   Due to longer than usual lead times on the Juno Jacket, please expect item to ship two weeks after purchase.
   {%else%} default_render
{%/if%}

    3. 式から「default_render」プレースホルダーを削除します。

  7. 「 検証」をクリックしてから、「保存」をクリックします。

  8. メッセージを保存します。

手順 6：ジャーニーのテストと公開

  1. 「テスト」トグルをオンにしてから、「イベントをトリガー」をクリックします。

  2. イベント設定​ウィンドウで、入力値を入力し、「送信」をクリックします。

    テストモードは、テストプロファイルでのみ機能します。

    メールがテストプロファイルのアドレスに送信されます。

    この例では、Juno Jacket に関するメモがメールに含まれています。これは、この製品がカートに入っているからです。

  3. エラーがないことを確認し、ジャーニーを公開します。

Handlebars 関数

ユースケース

チュートリアルビデオ

ヘルパー関数の使用方法を説明します。

このページ