メールテンプレート
高速で改善された設計プロセスを実現するために、スタンドアロンのメールテンプレートを作成して、Adobe Journey Optimizer B2B Edition アカウントジャーニー全体でカスタムコンテンツを再利用できます。 コンテンツ指向のチームメンバーは、テンプレートを使用することで、ジャーニーの外部でメールコンテンツに取り組むことができます。 その後、マーケティングストラテジストは、これらのスタンドアロンテンプレートをアカウントジャーニー内で再利用、調整できます。 例えば、1 人のチームメンバーがコンテンツのみを担当し、アカウントジャーニーにはアクセスできません。 ただし、マーケターがメール通信の出発点として選択できるメールテンプレートを作成し、ジャーニーの要件に応じてカスタマイズすることはできます。
メールテンプレートへのアクセスと管理
Adobe Journey Optimizer B2B Edition でメールテンプレートにアクセスするには、左側のナビゲーションに移動して、コンテンツ管理/テンプレート をクリックします。 このアクションを実行するとリストページが開き、インスタンスで作成されたすべてのメールテンプレートがテーブルに表示されます。
テーブルは「変更済み 列で並べ替えられ、デフォルトでは最近更新されたテンプレートがリストの先頭に表示されます。 列タイトルをクリックして、昇順と降順を切り替えます。
名前でテンプレートを検索するには、検索バーにテキスト文字列を入力します。 左上の フィルター アイコンをクリックし、作成日または変更日、および作成または変更したテンプレートに従ってリストをフィルタリングします。
{width="700" modal="regular"}
右上の テーブルをカスタマイズ アイコンをクリックして、テーブルに表示する列をカスタマイズします。 表示する列を選択し、「適用」をクリックします。
リストページから、次の節で説明するアクションを実行できます。
メールテンプレートの作成
右上の テンプレートを作成 をクリックすると、メールテンプレートリストページから新しいメールテンプレートを作成できます。
-
ダイアログで、便利な 名前 と 説明 (オプション)を入力します。
{width="400"}。
-
最初の 画像ソース を設定します。
Experience Manager Assetsas a Cloud ServiceのサブスクリプションにデフォルトのAdobe Marketo Engage Design Studio が含まれている場合は、どちらのソースからも画像アセットを選択できます。 それには、メールテンプレートまたはビジュアルフラグメントの作成時に画像ソースを選択する必要があります。 ただし、コンテンツの編集時に画像のソースを選択することもできます。
イメージ ソースの詳細については、Assets を参照してください。
-
「作成」をクリックします。
テンプレートをデザイン ページが開き、テンプレートを作成するための複数のオプション(ゼロからデザイン、テンプレートを読み込み、デザインHTMLを選択 が表示されます。
{width="800" modal="regular"}
ゼロからデザイン
E メールデザイナーを使用して、メールコンテンツの構造を定義します。 簡単なドラッグ&ドロップ操作で構造コンポーネントを追加して移動することで、再利用可能なメールコンテンツの形状を数秒でデザインできます。
-
テンプレートをデザイン ホームページで「ゼロからデザイン」オプションを選択します。
-
コンテンツのデザインを開始するには、キャンバスにコンポーネントをドラッグ&ドロップして、メールの構造レイアウトを定義します。
使用可能なデザインツールは、 メールオーサリングに使用されるツールと同等です。 違いは、このコンテンツはテンプレートとして保存され、アカウントジャーニー内の複数の送信メールノードで再利用できることです。
HTML の読み込み
Adobe Journey Optimizer B2B Edition では、既存のHTMLコンテンツを読み込んでメールテンプレートをデザインできます。 このコンテンツには次のようなものがあります。
-
スタイルシートが組み込まれたHTMLファイル。
-
HTMLファイル、スタイルシート(.css)および画像を含んだ.zip ファイル
note note NOTE .zip ファイル構造に制限はありません。ただし、.zip フォルダーのツリー構造に合わせて、相対参照を指定する必要があります。
HTMLコンテンツを含むファイルを読み込むには:
-
テンプレートのデザイン ホームページで「HTMLの読み込み」オプションを選択します。
-
HTML コンテンツを含んだ HTML または .zip ファイルをドラッグ&ドロップし、「読み込み」をクリックします。
HTMLコンテンツがアップロードされると、コンテンツは 互換モード になります。 このモードでは、テキストのパーソナライズ、リンクの追加またはコンテンツへのアセットの組み込みのみ可能です。
-
電子メールデザイナーのコンテンツコンポーネントを使用するには、「HTMLコンバーター」タブをクリックし、「変換」をクリックします。
<table>
タグを HTML ファイルの最初のレイヤーとして使用すると、上部レイヤータグの背景や幅の設定などのスタイルが失われる可能性があります。読み込んだコンテンツは、必要に応じて、視覚的なメールエディターツールを使用してパーソナライズできます。
デザインテンプレートを選択
テンプレートをデザイン ホームページから、「デザインテンプレートを選択」セクションを使用して、テンプレートからコンテンツを作成します。 Journey Optimizer B2B Edition インスタンスから、サンプルテンプレートまたは保存済みのメールテンプレートを使用できます。
テンプレートのデザイン ホームページでは、「サンプルテンプレート」タブがデフォルトで選択されています。 カスタムテンプレートを使用するには、「保存済みのテンプレート」タブを選択します。
現在のサンドボックスに作成されたすべてのメールテンプレートのリストが表示されます。 名前、最終変更日 および 最終作成日 で並べ替えることができます。
{width="800" modal="regular"}
リストから目的のテンプレートを選択します。
選択後、テンプレートのプレビューが表示されます。 プレビューモードでは、左右の矢印を使用して、1 つのカテゴリのすべてのテンプレート(選択に応じて、サンプルまたは保存済みのテンプレート)間を移動できます。
{width="800" modal="regular"}
表示が使用する内容と一致したら、プレビューウィンドウの右上にある このテンプレートを使用 をクリックします。
このアクションにより、コンテンツがビジュアルコンテンツデザイナーにコピーされ、必要に応じてコンテンツを編集できます。
Adobe Journey Optimizer B2B Edition には、様々なメールテンプレートが用意されており すぐに使用できます メールおよびメールテンプレートの作成に使用できます。
{width="800" modal="regular"}
構造とコンテンツを追加
コンポーネント メニューからキャンバスに構造をドラッグ&ドロップしてコンテンツのデザインを開始し、メールのレイアウトを定義します。
必要に応じて構造を追加し、右側の要素プロパティで設定を編集します。
n:n 列 コンポーネントを選択して、列数(3~10)を任意に定義します。 下部にある矢印を移動して、各列の幅を定義します。
「コンテンツ」セクションを展開し、必要な数の要素を 1 つ以上の構造コンポーネントに追加します。
各コンポーネントは、右側のパネルの 設定 タブまたは スタイル タブを使用して、さらにカスタマイズできます。 例えば、各コンポーネントのテキストスタイル、パディングまたは余白を変更できます。
画層、設定、およびスタイルをナビゲートする
次の例では、3 列で構成される構造コンポーネント内のパディングと垂直方向の整列を調整する手順について説明します。
-
メール内で構造コンポーネントを直接選択するか、左側のメニューで使用可能なナビゲーションツリーを使用します。
-
ツールバーから 列を選択 をクリックし、編集する列を選択します。
キャンバスに表示される {width="800" modal="regular"}
構造ツリーから選択することもできます。 その列の編集可能なパラメーターが、「スタイル」タブに表示されます。
-
「整列」で、上、中央、または 下 アイコンを選択します。
-
パディング の下で、すべての辺のパディングを定義します。
パディングを微調整する場合は、「各辺に異なるパディングを使用」を選択します。鍵アイコンをクリックして、同期を解除します。
-
必要に応じて、他の列の整列とパディングを調整します。
-
変更を保存します。
コンテンツのパーソナライズ
次の例では、リード/アカウント属性とシステムトークンを使用してテンプレートコンテンツをパーソナライズする手順の概要を説明します。
-
テキストコンポーネントを選択し、ツールバーの パーソナライゼーションを追加 アイコンをクリックします。
{width="500"}
これにより、「Personalizationを編集 ダイアログが開きます。
-
+ または … をクリックして、空白スペースにトークンを追加します。
{width="700" modal="regular"}
-
「保存」をクリックします。
フラグメントを追加
ビジュアルコンテンツエディターでは、「フラグメント」アイコンが左側に表示されます。 次の例では、フラグメントをテンプレートコンテンツに追加する手順の概要を説明します。
-
フラグメントリストを開くには、「フラグメント」アイコンをクリックします。
次の操作が可能です。
- リストを並べ替えます。
- リストを参照、検索またはフィルターします。
- サムネール表示とリスト表示を切り替えます。
- 最近作成したフラグメントが反映されるように、リストを更新します。
{width="700" modal="regular"}
-
任意のフラグメントを構造コンポーネントプレースホルダーにドラッグ&ドロップします。
エディターは、メール構造のセクション/要素内でフラグメントをレンダリングします。
フラグメントのコンテンツは、構造内で動的に更新され、コンテンツがメールにどのように表示されるかが視覚的に表示されます。
メール内の水平レイアウト全体を占めるようにフラグメントを追加する場合は、1:1 列構造を追加してから、フラグメントをドラッグ&ドロップします。
メールを保存した後、概要の「使用者」タブを選択すると、フラグメントの詳細ページに表示されます。 メールテンプレートに追加されたフラグメントは、テンプレート内では編集できません。コンテンツは、ソースフラグメントによって定義されます。
アセットの追加
ビジュアルコンテンツエディターで、左側に表示されている「Assets」アイコンを選択します。
次の例では、テンプレートコンテンツにアセットを追加する手順の概要を説明します。
-
アセットライブラリを開くには、Assets アイコンをクリックします。
アセットセレクターから、ソースライブラリに保存されたアセットを直接選択できます。
-
新しいアセットを追加するには、画像アセットを構造コンポーネントにドラッグ&ドロップします。
-
キャンバスで画像アセットを選択して置き換え、画像ソースツールの アセットを選択 をクリックします。
{width="700" modal="regular"}
URL のプレビューと編集
-
左側の リンク アイコンをクリックすると、追跡するコンテンツのすべての URL が表示されます。
-
必要に応じて、編集 (鉛筆)アイコンをクリックし、トラッキングタイプ または ラベル を変更して、リンクに タグ を追加します。
{width="500"}
オプションを表示
ビジュアルメールエディターで使用できる表示およびコンテンツの検証オプションを活用します。
-
プリセットのズームオプション全体でコンテンツをズームイン/ズームアウトします。
-
デスクトップ、モバイル、テキストのみ/プレーンテキストのいずれかでコンテンツの表示を切り替えます。
- 目 アイコンをクリックすると、デバイス間でコンテンツをプレビューできます。
- 標準提供のデバイスの 1 つを選択するか、カスタムサイズを入力してコンテンツをプレビューします。
詳細オプション
ビジュアルコンテンツエディターの その他のオプション セレクターから、次のアクションを実行できます。
{width="500"}
- テンプレートをリセット – このオプションをクリックすると、ビジュアルメールデザイナーキャンバスが空白のスレートに戻り、コンテンツの作成を再開できます。
- フラグメントとして保存 – すべてのフラグメントまたは一部をフラグメントとして保存し、複数のメールまたはメールテンプレートで再利用します。 フラグメントの名前と説明を指定し、使用可能なフラグメントのリストに表示します。
- デザインを変更 - テンプレートのデザイン ページに戻ります。 ここから、「メールテンプレートの作成」セクションで説明されている任意のコースを実行できます。
- 書き出しHTML - ビジュアルキャンバスのコンテンツを、zip ファイルとしてパッケージ化されたHTML形式でローカルシステムにダウンロードします。
メールテンプレートの詳細を表示
テンプレートのリストページで、メールテンプレートの名前をクリックして、メールテンプレートの詳細ページを開きます。 ここから、メールテンプレートの基本プロパティを表示し、ビジュアルコンテンツエディターにアクセスしてテンプレートコンテンツを変更できます。
{width="700" modal="regular"}
-
名前や説明など、メールテンプレートの詳細を表示します。 これらの設定は編集できます。 説明ボックスの外側をクリックすると、変更が自動的に保存されます。
-
作成者、作成日、最終更新日、変更者など、メールテンプレートのプロパティを表示します。
-
右上の 詳細 をクリックすると、複製 や 削除 など、メールテンプレートに関するクイックアクションが表示されます。
-
アクティブなアラート(メールテンプレートのエラーと警告)がある場合は、右上の アラート をクリックして情報を表示します。
これらのアラートでは、メールの作成にメールテンプレートの使用が禁止されているわけではありませんが、この情報により、マーケターは、配信に使用する前に、機能しない可能性のある内容と必要な更新に関する情報を入手できます。
参照別に使用される E メール テンプレートの表示
メールテンプレートの詳細ページ内で、「使用者 タブをクリックして、アカウントジャーニー全体のメールにおけるこのメールテンプレートの使用箇所の詳細を表示します。
{width="400"}
Journey Optimizer B2B Edition のメールは、ジャーニー内に埋め込まれて作成されるので、テンプレートを使用するメールの親ジャーニーは参照に表示されます。
-
リンクをクリックすると、メールテンプレートが使用されている、対応するジャーニーメールに移動します。
-
「戻る」矢印をクリックしてビューを終了すると、リストページに戻ります。
メールテンプレートの編集
このアクションは、次の場所から実行できます。
- 詳細ページ – 「メールテンプレートを編集」をクリックします。
- リストページ – メールテンプレートの横にある省略記号(…)をクリックし、「編集」を選択します。
このアクションを実行すると、メールテンプレートが最後に保存されたステータスに基づいて、テンプレートをデザイン ページまたはビジュアルコンテンツエディターページに移動します。 ここから、必要に応じてメールテンプレートのコンテンツを編集できます。 編集オプションについて詳しくは、 メールテンプレートの作成を参照してください。
メールテンプレートの複製
次のいずれかの方法を使用して、メールテンプレートを複製できます。
-
右側のメールテンプレートの詳細で、「詳細 を展開し、「 複製 をクリックし す。
{width="400"}
-
メールテンプレート リストページで、テンプレートの横の省略記号(…)をクリックし、「複製」を選択します。
ダイアログで、便利な名前(一意の)と説明を入力します。 「複製」をクリックして、アクションを完了します。
複製された(新規)メールテンプレートが メールテンプレート リストに表示されます。
メールテンプレートの削除
メールテンプレートの削除は取り消すことができないので、削除アクションを開始する前に確認します。 メールテンプレートは、次のいずれかの方法を使用して削除できます。
-
右側のテンプレートの詳細で、「詳細」を展開し、「削除」をクリックします。
-
メールテンプレート リストページで、テンプレートの横の省略記号(…)をクリックし、「削除」を選択します。
{width="500"}
この操作を実行すると、確認ダイアログが開きます。 このプロセスを中止するには、「キャンセル」をクリックします。削除を確定するには、「削除」をクリックします。
一括アクションの実行
メールテンプレートのリストページで、左側のチェックボックスをオンにして、一度に複数のテンプレートを選択します。 複数のテンプレートを選択すると、バナーが下部に表示されます。
{width="600"}
削除 – 一度に最大 20 個のテンプレートを削除できます。 確認ダイアログでは、アクションを中止したり、テンプレートの削除を確定したりできます。
保存済みテンプレートからのメールのオーサリング
「メールを作成」画面から、「デザインテンプレートを選択」セクションを使用して、テンプレートからコンテンツを作成します。
作成したメールテンプレートの 1 つを使用してコンテンツの作成を開始するには、次の手順に従います。
-
コンテンツを編集 ページからメールDesignerにアクセスします。
メールを作成 ページでは、「サンプルテンプレート」タブがデフォルトで選択されています。
-
カスタムメールテンプレートを使用するには、「保存済みのテンプレート」タブを選択します。
このタブには、サンドボックスで作成されたすべてのメールテンプレートのリストが表示されます。 名前別、最終変更日 および 最終作成日 で並べ替えることができます。
-
リストから目的のテンプレートを選択します。
選択後、テンプレートのプレビューが表示されます。 プレビューモードでは、左右の矢印を使用して、1 つのカテゴリのすべてのテンプレート(選択に応じて、サンプルまたは保存済みのテンプレート)間を移動できます。
-
右上で このテンプレートを使用 をクリックします。
-
必要に応じて、ビジュアルコンテンツデザイナーからコンテンツを編集します。