【第627回】 Real-Time Offer Management ： 作成したオファーをメールに差し込んで配信する

これまでの記事では、TrailNest の商品閲覧に合わせたオファーの表示と、カートでのプロモーション・クーポンの適用を確認しました。

今回は、作成したオファーを Marketing Cloud Next のメールで利用したいと思います。

Offer の画面に設定可能な Outbound Engagement コンポーネントからキャンペーンを作成し、Offer Treatment に登録した見出し・本文をメールへ差し込みます。

Real-Time Offer Management シリーズ

• ① 特典の管理・配信に向けた初期設定

• ② 特典のルールと Web・メール用コンテンツを作る

• ③ 顧客とオファーの Data Graph を作る

• ④ 閲覧した商品カテゴリからオファーを選ぶ

• ⑤ 顧客に合うオファーを Web サイトに表示する

• ⑥ クーポンを適用してカートの割引額を計算する

• ⑦ 作成したオファーをメールに差し込んで配信する

今回のメールで使用する仕組み

メールに Offer の情報を表示する方法には、次の 2 つがあります。

• ① Offer Data Provider
  データソースで、特定の Offer Treatment を指定し、その内容をメールに差し込みます。例えば、Tents の特典を案内するメールを、その対象者へ送信する場合に使用します。
  ※ パーソナライズする場合は、「動的コンテンツ」を使用します。最大 5 つの Offer Data Provider を利用できます。

• ② Personalization Recommender Data Provider
  Recommender が顧客ごとに選んだオファーを、リピーターで表示します。

今回の記事では Offer Data Provider を使用します。対象となるオファーは、前の記事で作成した Camp Under the Stars Offer です。

① メール用 Offer Treatment を確認する

Camp Under the Stars Offer を開き、メール用の TrailNest Tents Email を確認します。

今回は、次の内容で設定します。

• Name：TrailNest Tents Email

• Channel：Email

• Output Format：Custom

• Offer Treatment Code：TN-TENTS-EMAIL

• Offer Heading：Your Next Campsite Is Calling

• Offer Body：From quiet lakesides to mountain mornings, make yourself at home outdoors. Save 10% on eligible TrailNest tents.

• Language：English

• Call To Action Text：Explore Tents

• Call To Action URL：

https://mcxkknz3m0zj3jqsxn4hm3dp3q-4.pub.sfmc-content.com/unerck1b2u5?view=product&id=TN-TE-002

• Status：None

② Offer に Outbound Engagement を配置する

続いて、Outbound Engagement コンポーネント からメール配信用のキャンペーンを作成します。

Camp Under the Stars Offer を開き、画面右上の歯車アイコンから Edit Page を開き、タブとして「Outbound Engagemenet Tab」を設置して、そこに、コンポーネント一覧から Outbound Engagement を見つけて配置します。

Default Template の選択欄では、今回使用する Offer Launch Emails を選択します。

Offer の画面へ戻り、ページを再読み込みし、コンポーネントを確認します。

③ オファー案内用のキャンペーンを作成する

Outbound Engagement の Start をクリックします。

テンプレートは Offer Launch Emails を選択して、次へ進みます。

今回は、次の内容を設定します。
キャンペーン名は、Marketing Cloud Next のキャンペーン名になります。

• Campaign Name：TrailNest Tents Offer Campaign

• Type：Email

• Start Date：今回の配信期間の開始日

• End Date：今回の配信期間の終了日

• Data Cloud Segment：任意の作成済みのセグメント
  （※ 後に変更できます）

続いて、送信に使用する情報を設定します。

• Sender Email Address：設定済みの送信元メールアドレス

• Communication Subscription：今回の案内に使用する購読

設定を完了すると、キャンペーンとフローが作成されます。作成完了後、Marketing Cloud Next に移動して、対象のキャンペーンを開きます。

④ 作成されたメールを開く

フローで、作成されたメールを開き、Edit をクリックします。

Salesforce の標準テンプレートに則ったメールが展開されますので、独自のデザインに変えていきます。

メールでは、まず、次の内容を設定します。

• Subject：Your Next Campsite Is Calling

• Preheader：Save 10% on eligible TrailNest tents with your offer code.

送信元、会社情報、配信停止リンクなどは、通常のメールと同様に設定しておきます。

その後、メール上部、下部を整えました。

⑤ Offer Data Provider を追加する

メール編集画面の Data Source → Add から Data Source を追加します。

• Type：Offer Data Provider

• データソース名：TrailNestTentsEmail

• Offer：Camp Under the Stars Offer

• Offer Treatment：TrailNest Tents Email

保存すると、メールの差し込み項目から、この Treatment の情報を選べるようになります。

⑥ まず、差し込み内容を確認する

デザインを作る前に、4 項目が正しく取得できるか確認します。

一時的にテキストや HTML のコンポーネントを配置し、差し込み項目の選択画面から、次の項目を追加します。

1. Offer Heading

2. Offer Body

3. Call To Action Text

4. Call To Action URL

コードビューに変換すると以下になっていることが分かります。

{{fallback (get (get @root "TrailNestTentsEmail") "OfferHeading") ""}}
{{fallback (get (get @root "TrailNestTentsEmail") "OfferBody") ""}}
{{fallback (get (get @root "TrailNestTentsEmail") "CallToActionText") ""}}
{{fallback (get (get @root "TrailNestTentsEmail") "CallToActionUrl") ""}}

※ TrailNestTentsEmail はデータプロバイダー名です。

メールを保存して Preview を開き、テスト顧客を指定し、次の内容が表示されることを確認します。

• Your Next Campsite Is Calling

• Offer Treatment に登録した本文

• Explore Tents

• Trail Duo Tent の商品詳細ページ URL

⑦ HTML で特典カードを作成する

続いて、差し込む内容を TrailNest のデザインに整えます。

メールに HTML コンポーネントを配置し、以下の HTML を設定します。

<table role="presentation" width="100%" cellspacing="0" cellpadding="0"
  border="0" bgcolor="#f5f2e9"
  style="width:100%;background-color:#f5f2e9;">
  <tr>
    <td align="center" style="padding:24px 16px;">

      <table role="presentation" width="100%" cellspacing="0"
        cellpadding="0" border="0" bgcolor="#183b2c"
        style="width:100%;max-width:600px;background-color:#183b2c;
        border-radius:20px;font-family:Arial,Helvetica,sans-serif;">

        <tr>
          <td style="padding:32px 24px 14px;color:#d9e8ce;
            font-size:11px;line-height:18px;font-weight:bold;
            letter-spacing:2px;">
            TRAILNEST · CAMP UNDER THE STARS
          </td>
        </tr>

        <tr>
          <td style="padding:0 24px 18px;color:#ffffff;
            font-size:30px;line-height:38px;font-weight:bold;">
            {{fallback (get (get @root "TrailNestTentsEmail") "OfferHeading") ""}}
          </td>
        </tr>

        <tr>
          <td style="padding:0 24px 26px;color:#e4ece1;
            font-size:16px;line-height:26px;">
            {{fallback (get (get @root "TrailNestTentsEmail") "OfferBody") ""}}
          </td>
        </tr>

        <tr>
          <td style="padding:0 24px 26px;">
            <table role="presentation" width="100%" cellspacing="0"
              cellpadding="0" border="0" bgcolor="#f5f2e9"
              style="width:100%;background-color:#f5f2e9;
              border:1px dashed #c5ad75;border-radius:12px;">
              <tr>
                <td align="center"
                  style="padding:22px 16px 8px;color:#59634f;
                  font-size:10px;line-height:16px;
                  font-weight:bold;letter-spacing:2px;">
                  YOUR TENT SAVINGS CODE
                </td>
              </tr>
              <tr>
                <td align="center"
                  style="padding:0 16px 12px;color:#183b2c;
                  font-family:'Courier New',monospace;
                  font-size:26px;line-height:34px;font-weight:bold;">
                  TN-TENTS-10
                </td>
              </tr>
              <tr>
                <td align="center"
                  style="padding:0 20px 22px;color:#59634f;
                  font-size:13px;line-height:21px;">
                  Enter this code in your bag to save 10%
                  on eligible tents.
                </td>
              </tr>
            </table>
          </td>
        </tr>

        <tr>
          <td align="center" style="padding:0 24px 28px;">
            <table role="presentation" cellspacing="0"
              cellpadding="0" border="0">
              <tr>
                <td align="center" bgcolor="#e9c882"
                  style="background-color:#e9c882;
                  border-radius:30px;mso-padding-alt:16px 26px;">
                  <a href='{{fallback (get (get @root "TrailNestTentsEmail") "CallToActionUrl") ""}}'
                    target="_blank"
                    style="display:inline-block;padding:16px 26px;
                    color:#183b2c;font-size:15px;line-height:20px;
                    font-weight:bold;text-decoration:none;
                    border-radius:30px;">
                    {{fallback (get (get @root "TrailNestTentsEmail") "CallToActionText") ""}} &rarr;
                  </a>
                </td>
              </tr>
            </table>
          </td>
        </tr>

        <tr>
          <td align="center"
            style="padding:0 24px 30px;color:#d9e8ce;
            font-size:12px;line-height:20px;">
            More fresh air. More nights under the stars.<br>
            Offer terms apply.
          </td>
        </tr>

      </table>

    </td>
  </tr>
</table>

何をどこで管理するのか

今回の構成では、次のように分担しています。

• 見出し・本文・CTA の文字・リンク先：Offer Treatment

• 背景色・余白・文字サイズ・ボタンの形：メールの HTML

• クーポンコード TN-TENTS-10：今回の HTML に直接記載

⑧ プレビューとテストで確認する

メールを保存し、再度 Preview を開きます。

次の内容を確認します。

• 見出しと本文が、Offer Treatment の内容になっている。

• ボタンに Explore Tents と表示される。

• ボタンのリンク先が、Trail Duo Tent の商品詳細ページになっている。

• クーポンコード TN-TENTS-10 が表示される。

• モバイル表示でも、文字やボタンが横にはみ出さない。

⑨ フローの設定を確認して配信する

メールの準備ができたら、キャンペーンのフローを開きます。

今回の検証では、次の内容を確認します。

• 配信対象が、意図したテスト顧客になっている。

• 使用するメールが、今回作成したメールになっている。

• 送信元と購読設定が正しい。

• 送信タイミングが意図した設定になっている。

• テンプレートにリマインダーなどが含まれる場合、その処理も確認できている。

確認後、メールを公開し、フローを有効化します。

送信されたメールを確認します。

クーポンコードをコピーして、Explore Tents のリンクをクリックします。

テントをカートに入れて、カート画面に移動します。

クーポンコードを入力して Apply をクリックします。

前回の記事で設定したディスカウントの動きが反映されました。成功です。

これで一連の流れを確認できました。

メール送信要素内の「Select Offers」について

メール送信要素には、Select Offers という設定があります。

ここで選択した Offer とメールの関連付けが、OfferListEmail に作成されます。一方、Select Offers を設定しなくても、メール側に Offer Data Provider を設定していれば、Treatment の内容を差し込んで送信できることは確認済みです。

そのため、今回確認できた役割は、次のように整理できます。

• Offer Data Provider：メールに差し込む Offer Treatment の内容を指定する。

• Select Offers：メールと Offer を関連付ける。

⑩ メールと Offer の関連付けを確認する

関連付けを確認したい場合は、Developer Console の Query Editor で、次の SOQL を実行します。

• Use Tooling API は「オフ」にします。

SELECT
    Id,
    OfferId,
    Offer.Name,
    ListEmailId,
    CreatedDate
FROM OfferListEmail
ORDER BY CreatedDate DESC
LIMIT 200

確認する項目は、次のとおりです。

• OfferId／Offer.Name：関連付けられたオファー

• ListEmailId：関連付けられたメール

いかがでしたでしょうか。

今回は、Outbound Engagement コンポーネントから Marketing Cloud Next のキャンペーンを作成し、Offer Treatment に登録した見出し・本文・CTA をメールに差し込む方法を紹介しました。

なお、メールでオファーを利用するために、必ずこの手順を踏む必要はありません。キャンペーンを作成せず、新規メールに Offer Data Provider を設定し、セグメントフローから送信することも可能です。

メールへの差し込みと送信だけであれば、こちらがシンプルです。一方、今回の方法では、Offer の画面を起点にキャンペーンやフローを自動生成し、作成したキャンペーンへアクセスできます。オファーの管理から配信準備までをつなげる方法として、覚えておくとよいでしょう。

今回は以上です。

次の記事はこちら

前回の記事はこちら

私の note のトップページはこちら