6.2電子メールメッセージの作成

この演習では、デモWebサイトで誰かがアカウントを作成したときにトリガーする必要があるジャーニーを設定します。

Adobe Experience Cloudに移動してAdobe Journey Optimizerにログインします。 Journey Optimizer​をクリックします。

ACOP

Journey Optimizerの​ホーム​ビューにリダイレクトされます。

ACOP

まず、正しいサンドボックスを使用していることを確認します。 使用するサンドボックスは--aepSandboxId--と呼ばれます。 サンドボックス間を切り替えるには、「実稼動製品(VA7)」をクリックし、リストからサンドボックスを選択します。 この例では、サンドボックスの名前は​AEP Enablement FY21​です。

ACOP

サンドボックス--aepSandboxId--の​ホーム​ビューに移動します。

ACOP

左側のメニューで、「メッセージ」をクリックします。

メッセージ画面に、次のような表示が表示されます。 「メッセージを作成」をクリックします。

Journey Optimizer

次の命名規則に従ってメッセージにタイトルを付けます。 ldap - Registration Email ldap​を独自のldapに置き換え、 CJM Alpha Preset​を選択して、 Email​チャネルを有効にします。

Journey Optimizer

作成」ボタンをクリックして、登録電子メールメッセージを作成します。

次の画面はメッセージダッシュボードで、そこからコンテンツを提供する際にEメールのサムネールを確認できます。

Journey Optimizer

右側には、 Eメールプロパティが表示されます。

  • 電子メールから:受信者が電子メールメッセージを受信する電子メールアドレス。この値は、前の手順で指定した​preset​で指定され、読み取り専用です。
  • 差出人名:受信者が電子メールメッセージを受信する送信者の名前。この値は、前の手順で指定した​preset​で指定され、読み取り専用です。
  • 件名:次の手順で編集するメッセージの必須件名。
  • 本文:「 」ボタンをクリックすると、Eメールデザイナーに移動して、Eメールのコンテンツを作成および編集できます。
  • オプションの機能:これらの2つのチェックボックスを使用して、eメールの開封数とeメールのクリック数の追跡を無効にできるので、メッセージが開封率、クリックスルー率などの指標を測定するのを防ぐことができます。

まず、Optional features​の下の2つのチェックボックスがオンになっていることを確認します。 そうでない場合は​両方が有効になっていることを確認してください

Journey Optimizer

件名行​テキストフィールドをクリックします。

Journey Optimizer

テキスト領域で、Hi​と書き始めます。

Journey Optimizer

件名は未定です。 次に、profile.person.name.firstNameの下に格納されているフィールド​​のパーソナライゼーショントークンを取り込む必要があります。 左側のメニューで、下にスクロールして​Person​要素を探し、矢印をクリックしてレベルを下げます。

Journey Optimizer

次に、​要素を探し、矢印をクリックしてレベルを深くします。

Journey Optimizer

最後に、​フィールドを探し、その横にある​+​記号をクリックします。 パーソナライゼーショントークンがテキストフィールドに表示されます。

Journey Optimizer

次に、というテキストを追加し、新規登録をありがとうございます。​に対する質問に回答します。「保存」をクリックします。

Journey Optimizer

その後、あなたはここに戻る。 「Eメールデザイナー」をクリックして、Eメールのコンテンツを作成します。

Journey Optimizer

次の画面で、Eメールのコンテンツを提供する3つの異なる方法が求められます。

  • ゼロからのデザイン:空白のキャンバスから始め、WYSIWYGエディターを使用して構造およびコンテンツコンポーネントをドラッグ&ドロップし、Eメールのコンテンツを視覚的に作成します。
  • 独自のコード:HTMLを使用してコーディングすることで、独自の電子メールテンプレートを作成する
  • HTMLの読み込み:既存のHTMLテンプレートをインポートします。これは編集できます。

新規デザイン」をクリックします。

Journey Optimizer

左側のメニューには、Eメールの構造(行と列)を定義するために使用できる構造コンポーネントが表示されます。

Journey Optimizer

1:2列の「左」をメニューからキャンバスにドラッグ&ドロップします。 これは、ロゴ画像のプレースホルダーです。

Journey Optimizer

前のコンポーネントの下に​1:1列​をドラッグ&ドロップします。 これがバナーブロックになります。

Journey Optimizer

前のコンポーネントの下に​1:2列左​をドラッグ&ドロップします。 これは、左側に画像が、右側にテキストが表示された実際のコンテンツです。

Journey Optimizer

次に、前のコンポーネントの下に​1:1列​をドラッグ&ドロップします。 これは電子メールのフッターになります。 キャンバスは次のようになります。

Journey Optimizer

次に、コンテンツコンポーネントを使用して、これらのブロック内にコンテンツを追加します。 コンテンツコンポーネント​メニュー項目をクリックします。

Journey Optimizer

最初の行の最初のセルに​HTML​コンポーネントをドラッグ&ドロップします。

Journey Optimizer

HTMLコンポーネントをクリックし、「ソースコードを表示」をクリックします。

Journey Optimizer

次の内容が表示されます。

Journey Optimizer

次のコードを貼り付けます。<img src="{%= %}" width="100px%">.

Journey Optimizer

次に、スクリーンショットに示すように、カーソルを置きます。

Journey Optimizer

次に、フィールド--aepTenantId--.demoEnvironment.brandLogoに移動します。 +​アイコンをクリックして、パーソナライゼーショントークンを挿入します。 次に、「保存」をクリックします。

Journey Optimizer

これで、このHTMLコンポーネントが、Adobe Experience Platformのリアルタイム顧客プロファイル内のフィールドから画像URLを動的に取り込むように設定されました。

ここに戻ります。

Journey Optimizer

コンテンツコンポーネント​に移動し、1行目の最初のセルに​画像​コンポーネントをドラッグ&ドロップします。

Journey Optimizer

参照」をクリックします。

Journey Optimizer

Assets​ポップアップで、module-23​フォルダーをダブルクリックします。 このフォルダーには、クリエイティブチームが事前に準備およびアップロードしたすべてのアセットが含まれます。

Journey Optimizer

module23-thankyou-new.png​を選択し、​を選択」をクリックします。

Journey Optimizer

その後、次の手順を実行します。

Journey Optimizer

画像を選択し、右側のメニューで、サイズ​幅のスライダコンポーネントが表示されるまで下にスクロールします。

Journey Optimizer

スライダーを使用して幅をf.iに変更します。60%​です。

Journey Optimizer

次に、コンテンツコンポーネント​に移動し、4行目の構造コンポーネントに​テキスト​コンポーネントをドラッグ&ドロップします。

Journey Optimizer

デフォルトのテキスト​を選択し、ここにテキストを入力してください。 他のテキストエディタと同様に。代わりに​Dear​と書き込みます。 テキストモードの場合は、テキストツールバーが表示されます。

Journey Optimizer

ツールバーで、パーソナライゼーション​を追加アイコンをクリックします。

Journey Optimizer

次に、​パーソナライゼーショントークンをprofile.person.name.firstNameの下に格納する必要があります。 メニューで、Person​要素を探し、Full Name​要素までドリルダウンし、+​アイコンをクリックして、名フィールドを式エディターに追加します。

保存」をクリックします。

Journey Optimizer

次に、パーソナライゼーションフィールドがテキストに追加されました。

Journey Optimizer

同じテキストフィールドで、Enter​を2回押して2行追加し、​に新規登録いただきありがとうございます。

Journey Optimizer

もう一度「パーソナライゼーションを追加」をクリックします。

Journey Optimizer

次に、--aepTenantId--.demoEnvironment.brandNameの下に保存されている​ブランド名​パーソナライゼーショントークンを取り込む必要があります。 左側のリストで、--aepTenantId--要素を見つけ、矢印をクリックしてレベルを下げます。

Journey Optimizer

次に、demoEnvironment​要素を探し、矢印をクリックしてレベルを下げます。

Journey Optimizer

最後に、フィールド​brandName​を探し、その横にある​+​記号をクリックします。 パーソナライゼーショントークンがテキストフィールドに表示されます。 「保存」をクリックします。

Journey Optimizer

次に、パーソナライゼーションフィールドがテキストに追加されました。

Journey Optimizer

左側のメニューで、構造コンポーネント​に戻ります。

前のコンポーネントの下に​1:1列​をドラッグ&ドロップします。 これがバナーブロックになります。

Journey Optimizer

次に、コンテンツコンポーネント​に移動し、5行目に​テキスト​コンポーネントをドラッグ&ドロップします。

Journey Optimizer

デフォルトのテキストを​Not interessed? すぐに購読解除します。

Journey Optimizer

次に、「購読解除」という単語を選択し、ツールバーの「リンクを挿入」アイコンをクリックします。

Journey Optimizer

「リンクタイプ」ドロップダウンで「購読解除リンク」を選択し、「購読解除ページのURL」テキストフィールド​https://public.aepdemo.net/unsubscribe.html​に次のURLを入力します。 「保存」をクリックします。

Journey Optimizer

登録確認Eメールに内容が表示されるようになりました。 配信品質(Eメールの送信に関するベストプラクティス)のために、Eメールがスパムフォルダーではなく受信者のメールボックスに到達するようにする必要もあります。

Eメールデザイナーの上部にある「プレーンテキスト」ボタンをクリックすると、Journey OptimizerがHTMLをテキストバージョンと自動的に同期する方法を確認できるので、もう1回テキストを書き直す必要はありません。

Journey Optimizer

Eメールの準備ができたことを確認するために実行する最後のチェックは、「プレビュー」ボタンをクリックします。

Journey Optimizer

まず、プレビューに使用するプロファイルを指定します。 「ID名前空間を入力」フィールドの横にあるアイコンをクリックして、email​名前空間を選択します。

Journey Optimizer

ID名前空間のリストで、Email​名前空間を選択します。 「選択」をクリックします。

Journey Optimizer

ID値」フィールドに、リアルタイム顧客プロファイルに既に保存されている以前のデモプロファイルのEメールアドレスを入力します。 例えば、woutervangeluwe+31052021-10@gmail.com​をクリックし、「テストプロファイルを検索」ボタンをクリックします。

Journey Optimizer

プロファイルが表示されたら、「プレビュー」タブをクリックしてプレビュー画面にアクセスします。

プレビューの準備が整ったら、パーソナライゼーションが件名行に正しいこと、本文のテキストおよび購読解除リンクがハイライト表示されていることを検証します。

閉じる」をクリックして、プレビューを閉じます。

Journey Optimizer

保存」をクリックしてメッセージを保存します。

Journey Optimizer

左上隅の件名行テキストの横にある​矢印​をクリックして、メッセージダッシュボードに戻ります。

Journey Optimizer

これで、登録電子メールの下書きが完了しました。 「公開」をクリックしてメッセージを公開し、ジャーニーで使用できるようにします。

Journey Optimizer

もう一度「公開」をクリックします。

Journey Optimizer

画面の下部に、メッセージが公開されたことを示す緑色の確認ポップアップが表示されるまで待ちます。

Journey Optimizer

この練習は終わりました。

次の手順:6.3Journey Optimizer:セットアップジャーニー

モジュール6に戻る

すべてのモジュールに戻る

このページ