メールオーサリング email-authoring
新しいMarketo Engage Email Designerでメールを作成、パーソナライズ、プレビューする方法について説明します。
メールの作成 create-an-email
メールデザイナーからのメールは、Design Studioでのみ作成でき、スマートキャンペーン/リストで参照するか、現時点ではメールプログラムで直接作成/使用できます。
-
Adobe Experience Cloud経由でMarketo Engageにログインします。
-
My Marketoで、Design Studioを選択します。
-
ツリーで、電子メール （新規）を選択します。
-
「メールを作成」ボタンをクリックします。
-
電子メール名と件名を入力します。 「作成」をクリックします。
-
Adobe Experience Cloud経由でMarketo Engageにログインします。
-
メールプログラムを検索して選択（または作成）します。
-
新しいメールを作成するには、2つのオプションがあります。 メールプログラムの名前を右クリックし、新しいローカルアセットを選択するか、ダッシュボードの「電子メール」ボックスの「+新しい電子メール」ボタンをクリックします。 この例では、前者のフィールドを使用します。
-
電子メール（新しいエディター）を選択します。
-
電子メール名と件名を入力します。 「作成」をクリックします。
次はメールのデザインです。
コンテンツタイプを選択 choose-your-content-type
-
作成した電子メールで、電子メールコンテンツの編集をクリックします。
-
「メールを作成」ページが読み込まれます。 いくつかのオプションから選択できます。
-
ビジュアルメールエディターを使用して ゼロからデザイン
-
既存のテンプレートを選択 （サンプルのいずれか1つ、または既に保存されたもの）
ゼロからデザイン design-from-scratch
メールエディターをゼロから作成する場合は、次のオプションを使用してコンテンツを定義します。
-
メールを作成 ページで、ゼロからデザインを選択します。
-
テーマから始める（推奨）か、手動でのスタイル設定でゼロから構築するかを選択します。
note NOTE 手作業によるスタイル設定で作成された電子メールでは、テーマで作成されたフラグメントを使用できません -
メールに構造とコンテンツ を追加します。
-
画像を追加します。
-
コンテンツを パーソナライズ します。
-
リンクを確認し、 トラッキングを編集します。
HTML の読み込み import-html
既存のHTML コンテンツを読み込んで、メールをデザインできます。 コンテンツには、次のものがあります。
-
スタイルシートが組み込まれたHTML ファイル
-
HTML ファイル、スタイルシート（.css）および画像を含む.zip ファイル
-
テンプレートページの「HTMLを読み込み」を選択します。
-
目的のHTMLまたは.zip ファイルをドラッグ&ドロップし（またはコンピューターからファイルを選択）、読み込みをクリックします。
ビジュアルメールエディターツール を使用して、インポートしたコンテンツに必要な変更を加えることができます。
テンプレートの選択 choose-a-template
テンプレートには2種類あります。
-
サンプルテンプレート: Marketo Engageには、すぐに使える4つのメールテンプレートが用意されています。
-
保存したテンプレート：テンプレート メニューを使用してゼロから作成したテンプレート、またはテンプレートとして保存するために作成した電子メールです。
電子メールテンプレートデザインをすぐに始められるように、すぐに使えるテンプレートのひとつを選択しましょう。
-
「サンプルテンプレート」タブはデフォルトで開いています。
-
使用するテンプレートを選択します。
-
「このテンプレートを使用」をクリックします。
-
ビジュアルコンテンツデザイナーを使用して、必要に応じてコンテンツを編集します。
-
「保存したテンプレート」タブをクリックし、目的のテンプレートを選択します。
-
「このテンプレートを使用」をクリックします。
-
ビジュアルコンテンツデザイナーを使用して、必要に応じてコンテンツを編集します。
構造とコンテンツの追加 add-structure-and-content
-
コンテンツの作成または変更を開始するには、構造からアイテムをキャンバスにドラッグ&ドロップします。 右側のペインで設定を編集します。
note tip TIP n:n列コンポーネントを選択して、選択した列数（3 ～ 10個）を定義します。 列の下にある矢印を移動して、各列の幅を定義することもできます。 
note NOTE 各列のサイズは、構造コンポーネントの全幅の10%未満にすることはできません。 削除できるのは空の列のみです。 -
「コンテンツ」セクションから、目的の項目をドラッグして、1つ以上の構造コンポーネントにドロップします。
-
各コンポーネントは、「設定」タブまたは「スタイル」タブでカスタマイズできます。 フォント、テキストスタイル、余白などを変更します。
フラグメントを追加 add-fragments
-
フラグメントにアクセスするには、左側のナビゲーションで「フラグメント」アイコン（
-
任意のフラグメントを構造コンポーネントのプレースホルダーにドラッグ&ドロップします。
エディターは、メール構造のセクション/エレメント内でフラグメントをレンダリングします。 フラグメントのコンテンツは、構造内で動的に更新され、コンテンツがメールにどのように表示されるかを示します。
メールが保存されると、フラグメントの詳細ページの「使用者」タブに表示されます。 メールテンプレートに追加されたフラグメントは、テンプレート内では編集できません。ソースフラグメントがコンテンツを定義します。
Assetsを追加 add-assets
Marketo Engage インスタンスの画像とファイル セクションに保存されている画像を追加します。
-
画像にアクセスするには、アセットセレクターアイコンをクリックします。
-
目的の画像を構造コンポーネントにドラッグ&ドロップします。
note NOTE 既存の画像を置き換えるには、画像を選択し、右側の「設定」タブで「アセットを選択」をクリックします。
レイヤー、設定、スタイル layers-settings-styles
ナビゲーションツリーを開いて、特定の構造とその列/コンポーネントにアクセスし、より詳細な編集を行います。 アクセスするには、ナビゲーションツリーアイコンをクリックします。
次の例では、列で構成される構造コンポーネント内のパディングと垂直方向の整列を調整する手順の概要を示します。
-
構造コンポーネントの列をキャンバスで直接選択するか、左側に表示されている ナビゲーションツリー を使用して選択します。
-
列ツールバーで、列を選択 ツールをクリックし、編集するツールを選択します。
構造ツリーから選択することもできます。 その列の編集可能なパラメーターは、右側の設定 タブとスタイル タブに表示されます。
-
列のプロパティを編集するには、右側の「スタイル」タブをクリックし、必要に応じて変更します。
-
背景の場合、必要に応じて背景色を変更します。
透明な背景の場合は、チェックボックスをオフにします。 背景画像設定を有効にして、単色の代わりに画像を背景として使用します。
-
線形の場合、上位、中央、または下位 アイコンを選択します。
-
パディングの場合、すべての側面のパディングを定義します。
パディングを調整する場合は、各辺の異なるパディングを選択します。 同期を解除するには、ロック アイコンをクリックします。
-
詳細 セクションを展開して、列のインラインスタイルを定義します。
-
-
必要に応じてこれらの手順を繰り返し、コンポーネント内の他の列の整列とパディングを調整します。
-
変更を保存します。
コンテンツのパーソナライズ personalize-content
トークンは、新しいエディターでは従来と同じように機能しますが、アイコンは異なります。 次の例では、フォールバックテキストを含む名トークンの追加の概要を示しています。
-
テキストコンポーネントを選択します。 トークンを表示する場所にカーソルを置き、パーソナライゼーションを追加 アイコンをクリックします。
-
目的の トークンタイプ をクリックします。
-
目的のトークンを検索し、… アイコンをクリックします（「+」アイコンをクリックすると、フォールバックテキストのないトークンが追加されます）。
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 コンテンツを表示できない場合は、メール本文のテキストバージョンを定義する必要があります。
-
メール本文に空のリンクがあります：メール内のすべてのリンクが正しいことを確認してください。
-
電子メールのサイズが上限の100 KBを超えています：最適な配信を行うには、電子メールのサイズが100 KBを超えないようにしてください。
エラー
エラーが解決するまで、メールの送信やテストを行うことができません。
-
件名がありません：電子メールの件名が必要です。
-
メッセージの電子メールバージョンが空です：このエラーは、電子メールコンテンツが設定されていない場合に発生します。
メールをテストする test-your-email
メッセージコンテンツを定義したら、テストプロファイルを使用してメッセージをプレビューし、プルーフを送信し、一般的なデスクトップ、モバイル、web ベースのクライアントでのレンダリング方法を制御できます。 パーソナライズされたコンテンツを挿入した場合は、テストプロファイルデータを使用して、メッセージにどのように表示されるかを確認できます。
メールコンテンツをプレビューするには、コンテンツをシミュレートをクリックし、テストプロファイルを追加して、テストプロファイルデータを使用してメッセージを確認します。
メールの参照 reference-an-email
メール Designerのメールは、メール、エンゲージメント、デフォルト、イベントプログラム（インタラクティブウェビナープログラムを除く）全体でアクセスできます。 Design Studioで電子メールを作成した場合、その電子メールは、他の電子メールと同様に、スマートキャンペーンやスマートリストから参照できます。