Designing using existing content

Selecting an existing content

Adobe Campaignには、作業を開始する際に役立つ定義済みのコンテンツのセットが用意されています。 これらのいずれかを使用することも、送信する必要があるメッセージの内容がAdobe Campaign以外で準備されている場合は、コンピューターまたはURLから読み込むこともできます。

電子メールやランディングページを作成する場合、既存のコンテンツを別のソースから読み込むよう選択できます。

  1. 電子メールまたはランディングページを作成したら、その内容を開きます。

  2. ホームアイコンをクリックして、 Email Designer ホームページにアクセスします。

  3. 読み込むコンテンツのソースを選択します。

  4. コンテンツを読み込みます。 選択したコンテンツが現在のコンテンツを置き換えます。

    読み込んだコンテンツは、編集したり、パーソナライズしたりできます。

    メモ

    電子メ ールデザイナーは 、特定のタグ付けを使用します。 キャンペーンにアップロードする標準のHTMLコンテンツは、電子メールデザイナーでの完全な互換性と編集が可能なタグと一致している必要があります。 一致しない場合、コンテンツは 互換モードでアップロードされます。 既存のコンテンツを互換性にするには、 この節を参照してください

関連トピック:

Editing existing contents with the Email Designer

Email Designerの編集機能を最大限に活用するには、 Email Designer(電子メールデザイナー)の編集機能を最大限に活用するために、アップロードしたHTMLには、WYSIWYGエディターに準拠する特定のタグが含まれている必要があります。

HTMLのすべてまたは一部にこのタグが付いていない場合、コンテンツは「 互換モード」に読み込まれます。

既存の外部コンテンツを電子メールデザイナー内で完全に編集できるようにするには、「既存のコンテンツを使用した電子メールの デザイン 」の節を参照してください。

既存の電子メールコンテンツの読み込み

Importing content from a file

電子メールデザイナーホームページで、ボタンをクリックしてコンピューターからファイルをアップロードし、確認します。 Upload

zipファイル構造に制限はありません。 ただし、HTMLファイルの参照は、zipフォルダーのツリー構造に従って相対パスで行う必要があります。

読み込みでは、次の形式がサポートされています。

  • スタイルシートが組み込まれたHTMLファイル
  • HTMLファイル、スタイルシート(.CSS)、画像を含む.zipフォルダー
メモ

電子メールコンテンツの場合は、スタイルシートを組み込んだ1つのHTMLファイルを読み込むことをお勧めします。

Importing content from a URL

URLからコンテンツを読み込む前に、次の要件を満たしていることを確認してください。

  • コンテンツは、このURLで公開されている必要があります。

  • セキュリティ上の理由から、で始まるURLのみ https を使用できます。

  • すべてのリソース(画像、CSS)が絶対リンクとHTTPSで設定されていることを確認します。 そうしないと、電子メールを送信した後、ミラーページにリソースが表示されません。 絶対リンク定義の例を次に示します。

    <a href="https://www.mywebsite.com/images/myimage.png">
    
メモ

URLからのコンテンツの読み込みは、電子メールチャネルでのみ可能です。

URLから既存のコンテンツを取得するには、次の手順に従います。

  1. 電子メールデザイナホームページから、 Import from URL ボタンを選択します。

  2. コンテンツの取得元となるURLを定義します。

  3. Confirm」をクリックします。

関連トピック:

URL ビデオからのコンテンツの読み込み

準備時にURLからコンテンツを自動的に取得する

メッセージの準備中にURLからコンテンツを読み込むと、電子メールが準備されるたびに最新のHTMLコンテンツを取得できます。 これにより、定期的な電子メールのコンテンツは、送信時に常に最新の状態になります。 また、この機能を使用すると、コンテンツの準備ができていない場合でも、特定の日にスケジュールされたメッセージを作成できます。

準備時にコンテンツを取得するには、次の手順に従います。

  1. Select the Content imported during preparation option.

  2. URLコンテンツは、読み取り専用としてエディターに表示されます。

    注意

    この手順では、コンテンツエディターでのHTML表示を考慮しないでください。 準備段階で取り出します。

  3. 取得されたURLコンテンツをプレビューするには、メッセージの作成後にそのメッセージを開き、 Preview ボタンをクリックします。

コンテンツの取得元となるリモートURLをパーソナライズできます。 これをおこなうには、以下の手順に従います。

  1. 画面上部の電子メールラベルをクリックして、「電子メールデザイナー」 Properties タブにアクセスします。

  2. フィールドを探し Remote URL ます。

  3. 目的のパーソナライゼーションフィールド、コンテンツブロックまたは動的テキストを挿入します。

    例えば、 Current date - YYYYMMDD コンテンツブロックを使用して日付を挿入できます。

    メモ

    使用可能なパーソナライゼーションフィールドは 配信 属性にのみリンクされます(電子メール作成日、ステータス、キャンペーンラベルなど)。

互換モード

コンテンツをアップロードする場合、電子メールデザイナのWYSIWYGエディターに完全に準拠し、編集できるように、コンテンツには特定のタグが含まれている必要があります。

アップロードされたHTMLのすべてまたは一部が期待されたタグに準拠していない場合は、コンテンツが「互換モード」で読み込まれ、UIでの編集が制限されます。

コンテンツが互換モードで読み込まれた場合でも、インターフェイスを通して次の変更を実行できます(使用できないアクションは非表示になります)。

  • テキストの変更または画像の変更
  • リンクとパーソナライゼーションフィールドの挿入
  • 選択したHTMLブロックのスタイル設定オプションを編集します
  • 条件付きコンテンツの定義

電子メールに新しいセクションを追加したり、高度なスタイル設定を行ったりするなど、その他の変更は、電子メールのソースコードでHTMLモードを使用して直接行う必要があります。

既存の電子メールをDesigner互換の電子メールに変換する方法について詳しくは、 この節を参照してください

関連トピック

HTMLコンテンツの変換

複数の電子メールで再利用できるモジュラー型テンプレートとフラグメントのフレームワークを構築する場合は、電子メールHTMLを電子メールデザイナーテンプレートに変換することを検討してください。

この使用例では、オファーがHTML電子メールをEmail Designerコンポーネントにすばやく変換できます。

注意

この節は、HTMLコードに詳しい上級ユーザー向けです。

メモ

互換モードと同様に、HTMLコンポーネントは次の制限付きオプションで編集できます。インプレースエディションのみ実行できます。

電子メールデザイナーの外部で、元のHTMLが再利用可能なセクションに分割されていることを確認します。

そうでない場合は、HTMLとは異なるブロックを切り抜いてください。 例:

<!-- 3 COLUMN w/CTA (SCALED) -->
<table width="100%" align="center" cellspacing="0" cellpadding="0" border="0" role="presentation" style="max-width:680px;">
<tbody>
<tr>
<td class="padh10" align="center" valign="top" style="padding:0 5px 20px 5px;">
<table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
<tbody>
<tr>
...
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- //3 COLUMN w/CTA (SCALED) -->

すべてのブロックを識別したら、電子メールデザイナで、既存の電子メールの各セクションに対して次の手順を繰り返します。

  1. 電子メールデザイナーを開き、空の電子メールコンテンツを作成します。

  2. ボディレベルの属性を設定します。背景色、幅など 詳しくは、メールスタイルの編集を参照してください。

  3. 構造追加コンポーネント。 詳しくは、メール構造の編集を参照してください。

  4. 追加HTMLコンポーネント。 詳しくは、フラグメントとコンポーネントの追加を参照してください。

  5. HTMLをそのコンポーネントにコピー&ペーストします。

  6. モバイル表示に切り替え. 詳しくは、この節を参照してください。

    CSSが見つからないので、レスポンシブ表示が壊れています。

  7. これを修正するには、ソースコードモードに切り替えて、スタイルセクションを新しいスタイルセクションにコピー&ペーストします。 例:

    <style type="text/css">
    a {text-decoration:none;}
    body {min-width:100% !important; margin:0 auto !important; padding:0 !important;}
    img {line-height:100%; text-decoration:none; -ms-interpolation-mode:bicubic;}
    ...
    </style>
    
    メモ

    この後に、別のカスタムスタイルタグでスタイルを追加してください。

    電子メールデザイナで生成されたCSSは変更しないでください。

    • <style data-name="default" type="text/css">(##)</style>
    • <style data-name="supportIOS10" type="text/css">(##)</style>
    • <style data-name="mediaIOS8" type="text/css">(##)</style>
    • <style data-name="media-default-max-width-500px" type="text/css">(##)</style>
    • <style data-name="media-default--webkit-min-device-pixel-ratio-0" type="text/css">(##)</style>
  8. モバイル表示に戻って、コンテンツが正しく表示されていることを確認し、変更を保存します。

このページ