メールオーサリング email-authoring
新しいMarketo Engage メールDesignerでメールを作成、パーソナライズ、プレビューする方法について説明します。
メールの作成 create-an-email
E メールデザイナーからのメールは、Design Studio で作成してスマートキャンペーン/リストで参照したり、現時点ではメールプログラムで直接作成/使用したりすることのみ可能です。
-
Adobe Experience Cloud からMarketo Engageにログインします。
-
My Marketoで、「Design Studio」を選択します。
-
ツリーで、「メール (新しいエディター)」を選択します。
-
「メールを作成 ボタンをクリックします。
-
メール名と件名を入力します。 「作成」をクリックします。
-
Adobe Experience Cloud からMarketo Engageにログインします。
-
メールプログラムを検索および選択(または作成)します。
-
新しいメールを作成するには、次の 2 つの方法があります。 メールプログラムの名前を右クリックして「新しいローカルアセット」を選択するか、ダッシュボードのメールボックスで「+新しいメール」ボタンをクリックします。 この例では、前者を行います。
-
メール(新しいエディター) を選択します。
-
メール名と件名を入力します。 「作成」をクリックします。
作業は以上です。次に、メールをデザインします。
コンテンツタイプを選択 choose-your-content-type
-
作成したメールで、「メールコンテンツを追加」をクリックします。
-
メールを作成 ページが読み込まれます。 次のいずれかのオプションを選択できます。
-
ビジュアルメールエディターを使用した ゼロからのデザイン
-
HTMLまたは zip ファイルを使用した 独自のHTMLの読み込み
-
既存のテンプレートを選択 (サンプルまたは既に保存したもの)
ゼロからデザイン design-from-scratch
メールエディターでゼロから開始する場合は、以下のオプションを使用してコンテンツを定義します。
-
メールを作成 ページで、「ゼロからデザイン」を選択します。
-
構造とコンテンツ をメールに追加します。
-
画像 を追加します。
-
コンテンツを パーソナライズ します。
-
リンクを確認し、 トラッキングを編集 します。
HTML の読み込み import-html
既存のHTML コンテンツを読み込んでメールをデザインできます。 コンテンツには次のようなものがあります。
-
スタイルシートが組み込まれたHTML ファイル
-
HTML ファイル、スタイルシート(.css)および画像を含んだ.zip ファイル
-
テンプレートのデザインページで、「HTMLを読み込む」を選択します。
-
目的のHTMLまたは.zip ファイルをドラッグ&ドロップし(またはコンピューターからファイルを選択し)、「読み込み」をクリックします。
視覚的なメールエディターツール を使用して、読み込んだコンテンツに必要な変更を加えることができます。
テンプレートを選択 choose-a-template
テンプレートには、次の 2 種類があります。
-
サンプルテンプレート:Marketo Engageには、4 つの標準メールテンプレートが用意されています。
-
保存済みのテンプレート:これらは、「テンプレート」メニューを使用してゼロから作成したテンプレートか、作成してテンプレートとして保存することを選択したメールです。
メールテンプレートデザインですぐに使える標準テンプレートを 1 つ選択します。
-
「サンプルテンプレート」タブは、デフォルトで開いています。
-
使用するテンプレートを選択します。
-
「このテンプレートを使用」をクリックします。
-
ビジュアルコンテンツデザイナーを使用して、必要に応じてコンテンツを編集します。
-
「保存済みのテンプレート」タブをクリックし、目的のテンプレートを選択します。
-
「このテンプレートを使用」をクリックします。
-
ビジュアルコンテンツデザイナーを使用して、必要に応じてコンテンツを編集します。
構造とコンテンツの追加 add-structure-and-content
-
コンテンツの作成または変更を開始するには、構造からキャンバスに項目をドラッグ&ドロップします。 右側のパネルで設定を編集します。
note tip TIP n:n 列コンポーネントを選択して、列数(3~10)を任意に定義します。 また、列の下に矢印を移動して、各列の幅を定義することもできます。 note note NOTE 各列のサイズを構造コンポーネントの全幅の 10% 未満にすることはできません。 削除できるのは空の列のみです。 -
「コンテンツ」セクションから、目的の項目をドラッグして、1 つ以上の構造コンポーネントにドロップします。
-
各コンポーネントは、「設定」タブまたは「スタイル」タブでカスタマイズできます。 フォント、テキストスタイル、余白などを変更します。
フラグメントを追加 add-fragments
-
フラグメントにアクセスするには、左側のナビゲーションにある フラグメント アイコン(
-
任意のフラグメントを構造コンポーネントプレースホルダーにドラッグ&ドロップします。
エディターは、メール構造のセクション/要素内でフラグメントをレンダリングします。 フラグメントのコンテンツは構造内で動的に更新され、コンテンツがメールにどのように表示されるかが表示されます。
メールを保存すると、フラグメントの詳細ページの 送信者 タブに表示されます。 メールテンプレートに追加されたフラグメントは、テンプレート内では編集できません。ソースフラグメントがコンテンツを定義します。
Assetsを追加 add-assets
Marketo Engage インスタンスの 画像とファイル セクションに保存される画像を追加します。
-
画像にアクセスするには、アセットセレクターアイコンをクリックします。
-
目的の画像を構造コンポーネントにドラッグ&ドロップします。
note note NOTE 既存の画像を置き換えるには、画像を選択し、右側の「設定」タブで アセットを選択 をクリックします。
レイヤー、設定、スタイル layers-settings-styles
ナビゲーションツリーを開いて、特定の構造とその列/コンポーネントにアクセスし、より詳細な編集を行います。 アクセスするには、ナビゲーションツリーアイコンをクリックします。
次の例では、列で構成される構造コンポーネント内のパディングと垂直方向の整列を調整する手順を概説します。
-
キャンバスで構造コンポーネントの列を直接選択するか、左側に表示される ナビゲーションツリー を使用して選択します。
-
列ツールバーから 列を選択 ツールをクリックし、編集する列を選択します。
構造ツリーから選択することもできます。 その列の編集可能なパラメーターは、右側の 設定 タブと スタイル タブに表示されます。
-
列のプロパティを編集するには、右側の「スタイル」タブをクリックし、必要に応じて変更します。
-
背景 については、必要に応じて背景色を変更します。
背景を透明にするには、このチェック ボックスをオフにします。 「背景画像」設定を有効にして、単色の代わりに画像を背景として使用します。
-
「整列」では、「上」、「中央」または「下」アイコンを選択します。
-
パディング については、すべての辺のパディングを定義します。
パディングを調整する場合は、「各辺に異なるパディングを使用」を選択します。 ロック アイコンをクリックして、同期を解除します。
-
「詳細」セクションを展開すると、列のインラインスタイルを定義できます。
-
-
必要に応じてこれらの手順を繰り返し、コンポーネント内の他の列の整列とパディングを調整します。
-
変更を保存します。
コンテンツのパーソナライズ personalize-content
トークンは、古いバージョンで動作するのと同じように新しいエディターで動作しますが、アイコンの表示は異なります。 次の例では、代替テキストを使用した名トークンの追加について概説しています。
-
テキストコンポーネントを選択します。 トークンを表示する位置にカーソルを置き、「パーソナライゼーションを追加 アイコンをクリックします。
-
目的の トークンタイプ をクリックします。
-
目的のトークンを見つけて「…」アイコンをクリックします(「+」アイコンをクリックすると、代替テキストのないトークンが追加されます)。
note note NOTE 「代替テキスト」は、デフォルト値を表す新しいエディター用語です。 例: {{lead.First Name:default=Friend}}
。選択したフィールドにその人物の値がない場合に備えてお勧めします。 -
代替テキストを設定し、「追加」をクリックします。
-
「保存」をクリックします。
URL トラッキングを編集 edit-url-tracking
メール内のリンクでMarketo トラッキング URL を有効にしたくない場合があります。 この情報は、表示先ページで URL パラメーターをサポートしていないためにページリンクエラーになる場合などに役立ちます。
-
リンクアイコンをクリックして、メール内のすべての URL を表示します。
-
鉛筆アイコンをクリックして、目的のリンクのトラッキングを編集します。
-
トラッキングタイプ ドロップダウンをクリックし、選択を行います。
table 0-row-2 1-row-2 2-row-2 html-authored no-header mkt_tok を使用しないトラッキング 宛先 URL の mkt_tok クエリ文字列パラメーターを使用せずに、URL のトラッキングをアクティブ化します mkt_tok を使用したトラッキング 宛先 URL の mkt_tok クエリ文字列パラメーターを使用して、URL のトラッキングをアクティブ化します 追跡しない URL のトラッキングを無効にします -
オプションで、URL にラベルを付けたり、タグを追加したりできます。
-
終了したら「保存」をクリックします。
アラートを確認 check-alerts
コンテンツを設計する際、キー設定が見つからない場合は、画面の右上にアラートが表示されます。
アラートには次の 2 種類があります。
警告
警告は、次のような推奨事項やベストプラクティスを示しています。
- メール本文にオプトアウトリンクがありません:購読解除リンクは必須ですが、メール本文に追加するのがベストプラクティスです。
-
HTMLのテキストバージョンが空です:HTMLのコンテンツを表示できない場合に使用する、メール本文のテキストバージョンを定義する必要があります。
-
メールの本文に空のリンクが存在します:メール内のすべてのリンクが正しいことを確認します。
-
メールのサイズが 100KB の制限を超えています:配信を最適化するには、メールのサイズが 100KB を超えないようにしてください。
エラー
エラーは、解決されるまでメールの送信やテストを行うことはできません。
-
件名がありません:電子メールの件名が必要です。
-
メッセージのメールバージョンが空です:このエラーは、メールのコンテンツが設定されていない場合に発生します。
メールのテスト test-your-email
メッセージコンテンツを定義したら、テストプロファイルを使用してプレビュー、配達確認の送信、一般的なデスクトップ、モバイルおよび web ベースのクライアントでのレンダリング方法の制御を行うことができます。 パーソナライズされたコンテンツを挿入した場合は、テストプロファイルデータを使用して、メッセージでのコンテンツの表示方法を確認できます。
メールコンテンツをプレビューするには、「コンテンツをシミュレート」をクリックし、テストプロファイルを追加して、テストプロファイルデータを使用してメッセージを確認します。
メールの参照 reference-an-email
メールDesignerのメールは、メール、エンゲージメント、デフォルトおよびイベントプログラムをまたいでアクセスできます(インタラクティブウェビナープログラムを除く)。 メールを Design Studio で作成した場合は、他のメールと同様に、スマートキャンペーンやスマートリストから参照できます。
-
通常の手順に従う ことによって、スマート・リストで参照します。
-
スマートキャンペーンで参照するには 通常の手順に従います 。