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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ここに戻ります。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

モジュール6に戻る

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