メールオーサリング email-authoring

新しいMarketo Engage メールDesignerでメールを作成、パーソナライズ、プレビューする方法について説明します。

PREREQUISITES
新しい電子メールデザイナーにアクセスするには、Marketo Engage サブスクリプションを Adobe Identity Management System (IMS) ​ に移行する必要があります。 まだの場合は、Adobe アカウントチーム(アカウントマネージャー)または Marketo サポート ​ にお問い合わせください。

メールの作成 create-an-email

E メールデザイナーからのメールは、Design Studio で作成してスマートキャンペーン/リストで参照したり、現時点ではメールプログラムで直接作成/使用したりすることのみ可能です。

デザインスタジオ
  1. Adobe Experience Cloud からMarketo Engageにログインします。

  2. My Marketoで、「Design Studio」を選択します。

  3. ツリーで、「メール (新しいエディター)」を選択します。

  4. メールを作成 ボタンをクリックします。

  5. メール名と件名を入力します。 「作成」をクリックします。

メールプログラム
  1. Adobe Experience Cloud からMarketo Engageにログインします。

  2. メールプログラムを検索および選択(または作成)します。

  3. 新しいメールを作成するには、次の 2 つの方法があります。 メールプログラムの名前を右クリックして「新しいローカルアセット」を選択するか、ダッシュボードのメールボックスで「+新しいメール」ボタンをクリックします。 この例では、前者を行います。

  4. メール(新しいエディター) を選択します。

  5. メール名と件名を入力します。 「作成」をクリックします。

作業は以上です。次に、メールをデザインします。

コンテンツタイプを選択 choose-your-content-type

  1. 作成したメールで、「メールコンテンツを追加」をクリックします。

  2. メールを作成 ページが読み込まれます。 次のいずれかのオプションを選択できます。

ゼロからデザイン design-from-scratch

メールエディターでゼロから開始する場合は、以下のオプションを使用してコンテンツを定義します。

  1. メールを作成 ページで、「ゼロからデザイン」を選択します。

  2. ​ 構造とコンテンツ ​ をメールに追加します。

  3. ​ 画像 ​ を追加します。

  4. コンテンツを ​ パーソナライズ ​ します。

  5. リンクを確認し、​ トラッキングを編集 ​ します。

HTML の読み込み import-html

既存のHTML コンテンツを読み込んでメールをデザインできます。 コンテンツには次のようなものがあります。

  • スタイルシートが組み込まれたHTML ファイル

  • HTML ファイル、スタイルシート(.css)および画像を含んだ.zip ファイル

NOTE
.zip ファイル構造に制限はありません。ただし、.zip フォルダーのツリー構造に合わせて、相対参照を指定する必要があります。
  1. テンプレートのデザインページで、「HTMLを読み込む」を選択します。

  2. 目的のHTMLまたは.zip ファイルをドラッグ&ドロップし(またはコンピューターからファイルを選択し)、「読み込み」をクリックします。

NOTE
HTMLのコンテンツがアップロードされると、コンテンツは互換モードになります。 このモードでは、テキストのパーソナライズ、リンクの追加、コンテンツへのアセットの追加のみを行うことができます。

​ 視覚的なメールエディターツール ​ を使用して、読み込んだコンテンツに必要な変更を加えることができます。

テンプレートを選択 choose-a-template

テンプレートには、次の 2 種類があります。

  • サンプルテンプレート:Marketo Engageには、4 つの標準メールテンプレートが用意されています。

  • 保存済みのテンプレート:これらは、「テンプレート」メニューを使用してゼロから作成したテンプレートか、作成してテンプレートとして保存することを選択したメールです。

サンプルテンプレート

メールテンプレートデザインですぐに使える標準テンプレートを 1 つ選択します。

  1. 「サンプルテンプレート」タブは、デフォルトで開いています。

  2. 使用するテンプレートを選択します。

  3. このテンプレートを使用」をクリックします。

  4. ビジュアルコンテンツデザイナーを使用して、必要に応じてコンテンツを編集します。

保存済みテンプレート
  1. 保存済みのテンプレート」タブをクリックし、目的のテンプレートを選択します。

  2. このテンプレートを使用」をクリックします。

  3. ビジュアルコンテンツデザイナーを使用して、必要に応じてコンテンツを編集します。

構造とコンテンツの追加 add-structure-and-content

  1. コンテンツの作成または変更を開始するには、構造からキャンバスに項目をドラッグ&ドロップします。 右側のパネルで設定を編集します。

    note tip
    TIP
    n:n 列コンポーネントを選択して、列数(3~10)を任意に定義します。 また、列の下に矢印を移動して、各列の幅を定義することもできます。

    note note
    NOTE
    各列のサイズを構造コンポーネントの全幅の 10% 未満にすることはできません。 削除できるのは空の列のみです。
  2. 「コンテンツ」セクションから、目的の項目をドラッグして、1 つ以上の構造コンポーネントにドロップします。

  3. 各コンポーネントは、「設定」タブまたは「スタイル」タブでカスタマイズできます。 フォント、テキストスタイル、余白などを変更します。

フラグメントを追加 add-fragments

  1. フラグメントにアクセスするには、左側のナビゲーションにある フラグメント アイコン( フラグメントアイコン )を選択します。

    ​ フラグメントを選択 ​ {width="700" modal="regular"}

  2. 任意のフラグメントを構造コンポーネントプレースホルダーにドラッグ&ドロップします。

エディターは、メール構造のセクション/要素内でフラグメントをレンダリングします。 フラグメントのコンテンツは構造内で動的に更新され、コンテンツがメールにどのように表示されるかが表示されます。

TIP
フラグメントをメール内の水平レイアウト全体に配置する場合は、:1 列構造を追加してから、フラグメントをメール内にドラッグ&ドロップします。

メールを保存すると、フラグメントの詳細ページの 送信者 タブに表示されます。 メールテンプレートに追加されたフラグメントは、テンプレート内では編集できません。ソースフラグメントがコンテンツを定義します。

Assetsを追加 add-assets

Marketo Engage インスタンスの ​ 画像とファイル ​ セクションに保存される画像を追加します。

NOTE
新しいデザイナーでは画像のみを追加でき、現時点では他のファイルタイプは追加できません。
  1. 画像にアクセスするには、アセットセレクターアイコンをクリックします。

  2. 目的の画像を構造コンポーネントにドラッグ&ドロップします。

    note note
    NOTE
    既存の画像を置き換えるには、画像を選択し、右側の「設定」タブで アセットを選択 をクリックします。

レイヤー、設定、スタイル layers-settings-styles

ナビゲーションツリーを開いて、特定の構造とその列/コンポーネントにアクセスし、より詳細な編集を行います。 アクセスするには、ナビゲーションツリーアイコンをクリックします。

次の例では、列で構成される構造コンポーネント内のパディングと垂直方向の整列を調整する手順を概説します。

  1. キャンバスで構造コンポーネントの列を直接選択するか、左側に表示される ナビゲーションツリー を使用して選択します。

  2. 列ツールバーから 列を選択 ツールをクリックし、編集する列を選択します。

    構造ツリーから選択することもできます。 その列の編集可能なパラメーターは、右側の 設定 タブと スタイル タブに表示されます。

  3. 列のプロパティを編集するには、右側の「スタイル」タブをクリックし、必要に応じて変更します。

    • 背景 については、必要に応じて背景色を変更します。

      背景を透明にするには、このチェック ボックスをオフにします。 「背景画像」設定を有効にして、単色の代わりに画像を背景として使用します。

    • 整列」では、「」、「中央」または「」アイコンを選択します。

    • パディング については、すべての辺のパディングを定義します。

      パディングを調整する場合は、「各辺に異なるパディングを使用」を選択します。 ロック アイコンをクリックして、同期を解除します。

    • 詳細」セクションを展開すると、列のインラインスタイルを定義できます。

  4. 必要に応じてこれらの手順を繰り返し、コンポーネント内の他の列の整列とパディングを調整します。

  5. 変更を保存します。

コンテンツのパーソナライズ personalize-content

トークンは、古いバージョンで動作するのと同じように新しいエディターで動作しますが、アイコンの表示は異なります。 次の例では、代替テキストを使用した名トークンの追加について概説しています。

  1. テキストコンポーネントを選択します。 トークンを表示する位置にカーソルを置き、「パーソナライゼーションを追加 アイコンをクリックします。

  2. 目的の ​ トークンタイプ ​ をクリックします。

  3. 目的のトークンを見つけて「」アイコンをクリックします(「+」アイコンをクリックすると、代替テキストのないトークンが追加されます)。

    note note
    NOTE
    「代替テキスト」は、デフォルト値を表す新しいエディター用語です。 例:{{lead.First Name:default=Friend}}。選択したフィールドにその人物の値がない場合に備えてお勧めします。
  4. 代替テキストを設定し、「追加」をクリックします。

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

URL トラッキングを編集 edit-url-tracking

メール内のリンクでMarketo トラッキング URL を有効にしたくない場合があります。 この情報は、表示先ページで URL パラメーターをサポートしていないためにページリンクエラーになる場合などに役立ちます。

  1. リンクアイコンをクリックして、メール内のすべての URL を表示します。

  2. 鉛筆アイコンをクリックして、目的のリンクのトラッキングを編集します。

  3. トラッキングタイプ ドロップダウンをクリックし、選択を行います。

    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 のトラッキングを無効にします
  4. オプションで、URL にラベルを付けたり、タグを追加したりできます。

  5. 終了したら「保存」をクリックします。

アラートを確認 check-alerts

コンテンツを設計する際、キー設定が見つからない場合は、画面の右上にアラートが表示されます。

アラートには次の 2 種類があります。

警告

警告は、次のような推奨事項やベストプラクティスを示しています。

  • メール本文にオプトアウトリンクがありません:購読解除リンクは必須ですが、メール本文に追加するのがベストプラクティスです。
NOTE
​ 運用中のメール ​ (マーケティング以外)に購読解除オプションの追加は必要ありません。
  • HTMLのテキストバージョンが空です:HTMLのコンテンツを表示できない場合に使用する、メール本文のテキストバージョンを定義する必要があります。

  • メールの本文に空のリンクが存在します:メール内のすべてのリンクが正しいことを確認します。

  • メールのサイズが 100KB の制限を超えています:配信を最適化するには、メールのサイズが 100KB を超えないようにしてください。

エラー

エラーは、解決されるまでメールの送信やテストを行うことはできません。

  • 件名がありません:電子メールの件名が必要です。

  • メッセージのメールバージョンが空です:このエラーは、メールのコンテンツが設定されていない場合に発生します。

メールのテスト test-your-email

メッセージコンテンツを定義したら、テストプロファイルを使用してプレビュー、配達確認の送信、一般的なデスクトップ、モバイルおよび web ベースのクライアントでのレンダリング方法の制御を行うことができます。 パーソナライズされたコンテンツを挿入した場合は、テストプロファイルデータを使用して、メッセージでのコンテンツの表示方法を確認できます。

メールコンテンツをプレビューするには、「コンテンツをシミュレート」をクリックし、テストプロファイルを追加して、テストプロファイルデータを使用してメッセージを確認します。

メールの参照 reference-an-email

メールDesignerのメールは、メール、エンゲージメント、デフォルトおよびイベントプログラムをまたいでアクセスできます(インタラクティブウェビナープログラムを除く)。 メールを Design Studio で作成した場合は、他のメールと同様に、スマートキャンペーンやスマートリストから参照できます。

NOTE
参照できるのは、保存済みのメールのみです。 新しい電子メールデザイナーには「承認済み」ステータスはありません。
recommendation-more-help
94ec3174-1d6c-4f51-822d-5424bedeecac