テンプレート使用のベストプラクティス

テンプレートは、事前に設定されたレイアウトやデザイン要素を含む開始点を提供して、新しいコンテンツを生成するのに必要な時間と労力を大幅に削減します。

GenStudio for Performance Marketing でテンプレートを使用する際は、次のレコメンデーションに従ってください。

  1. テンプレート要素について理解する
  2. 効果的なコンテンツのパーソナライゼーションを実現するためにチャネルガイドラインを設定する
  3. 最適なエクスペリエンスを提供するためにアクセシビリティ標準を使用して設計する
  4. チャネル固有のテンプレートガイドラインに従う
  5. Express テンプレートを使用する際は、Express から GenStudio へのテンプレートに関するベストプラクティスで説明されている特定のヒントを考慮する

テンプレート要素と手順の基本について詳しくは、テンプレートの操作を参照してください。また、次のキャンペーンで使用する特定の指示に対してテンプレートをカスタマイズする方法についても、詳細に掘り下げていきます。

適切なテンプレート要素の使用

各テンプレートタイプでは、チャネル固有のコンテンツ制作に対する構造を作成するために、様々な要素を使用します。テンプレートの各部分を理解し、コンテンツやテンプレートのタイプに最適な要素を含めます。

テンプレートをカスタマイズする際、GenStudio for Performance Marketing にコンテンツを生成させる必要がある箇所では、これらの要素の代わりにフィールド名を使用します。

テンプレート要素を参照してください。

テンプレートでのプレースホルダーテキストの使用

プレースホルダーテキストは、ユーザーが後でテンプレートに入力するコンテンツの構文や構造を定義するのに役立ちます。例えば、メールアドレスを定義するための {first_name}.{last_name}@email.etc. などがあります。ただし、GenStudio for Performance Marketingでは、一部の一般的な区切り記号が既に他の意味として予約されています。

< > - HTMLタグに使用されます。
{{ }} - Handlebar 式に使用されます。

既存のタグとの混同を回避するために、プレースホルダーテキストを示す際には、単一の括弧(直角括弧または中括弧)を使用します。

{first_name} - 名のプレースホルダー。

チャネルガイドラインの設定

生成されたコンテンツがブランドの要件や目標に一致するようにするには、明確なチャネルガイドラインを定義することが不可欠です。チャネルガイドラインを使用すると、テンプレートで使用されるトーン、長さ、スタイルなどの要素に関するルールを指定できます。例えば、本文の最大文字数を設定したり、特定のコールトゥアクションのスタイルを必須としたりできます。これらのガイドラインを事前に設定すると、各 AI プロンプトに詳細な指示を記述する必要が削減され、コンテンツ生成プロセスが効率化されると共に、メール全体の一貫性が確保されます。

テンプレート内のすべての主要なフィールドについて、ブランドのチャネルガイドラインを確認および定義します。ガイドラインを定義しない場合、デフォルトのチャネルガイドラインが適用され、ブランド要件が完全に反映されない場合があります。

本文の仕様

ブランド、製品、ペルソナのガイドラインが生成されるコンテンツに与える影響の仕組みと、マーケティング目標に合わせてカスタマイズする方法について説明します。

テンプレート用の画像のアップロード

テンプレートで使用する画像はコンテンツリポジトリから取得し、正しく表示されるように正しくアップロードする必要があります。

テンプレートに端から端まで(フルブリード)配置される画像が含まれている場合、選択した画像はテンプレートの全体サイズに合わせて自動的にサイズ変更されます。ただし、画像の縦横比がテンプレートと一致しない場合、画像はテンプレートの寸法に合わせて切り抜かれるので、意図したとおりに表示されないことがあります。

テンプレートに含まれる画像には、「自動調整」機能はありません。

画像の切り抜きを解決するには、テンプレートで使用する画像をコンテンツリポジトリにアップロードする際、その画像の縦横比を定義する必要があります。承認済みのテンプレートをアップロードする場合、次の手順に従います。

  1. 詳細を追加​ページに到達するまで、テンプレートのアップロード手順を進めます

  2. テンプレートで使用する画像の縦横比を、広告の幅(px)​と​ 広告の高さ(px) ​で定義します。これにより、画像を表示するテンプレートのセクションの画像ウィンドウが定義されます。

  3. 詳細情報」セクションで、画像サイズ​ドロップダウンを選択し、「固定サイズに切り抜き」を選択します。
    固定サイズに切り抜き {width="80%"}

ブラウザーで画像のサイズと縦横比を決定するには:

  1. 画像を検査します。

    • Windows/Linux の場合:
      • F12 キーを押します。
    • macOS の場合:
      • Command + Option + I キーを押します。
  2. 画像にポインタを合わせます。

  3. 縦横比に注意してください。これを使用して、テンプレート内の画像の縦横比を定義します。

これらの詳細がアップロード時に適用されない場合、画像はテンプレートの全体縦横比と見なされ、その縦横比と一致しない画像は切り抜かれて表示されます。

ディスプレイ広告での切り抜かれた画像 {width="60%"}

❌ディスプレイ広告テンプレートでの切り抜かれた画像

ディスプレイ広告に表示される画像 {width="60%"}

✅完全に表示された画像

チャネル固有のテンプレートガイドラインに従う

テンプレートを作成する際には、そのテンプレートが対象チャネルの特定の要件を満たしていることを確認してください。各チャネルのレイアウトと視覚的な要件に対応するテンプレートを作成します。あらゆるテンプレートに適用される一般的なガイドラインがあります。

  • クリーンでレスポンシブな HTML とインライン CSS を使用する
  • アドビフォントまたは Google フォントを使用する
  • JavaScript を​使用しない
NOTE
GenStudio for Performance Marketingは、backdrop-filter フィルター効果(ぼかし、明るさ、コントラスト)など、特定の CSS グラフィック効果をサポートしていません。 テンプレートでこれらのプロパティを使用している場合、書き出されたコンテンツで期待どおりに表示されないことがあります。

最適なパフォーマンスを得るために各種テンプレートタイプを使用する場合は、その他のヒントと制約を参照してください。

Express から GenStudio テンプレートへの変換のベストプラクティス

以下のヒントは、デザインを Adobe Express から GenStudio for Performance Marketing のテンプレートに変換する際に、信頼できる結果を得るのに役立ちます。

複数バリエーションのテンプレートを使用

Adobe Express では、1 つのテンプレートファイルで、ページに複数のサイズまたは縦横比のバリエーションで表示されるようにすることができます。
GenStudio for Performance Marketing でテンプレートを選択すると、すべてのバリエーションがキャンバスに表示されます。

この機能は、1 つのファイルで 1 つのバリエーションしかサポートされない HTML テンプレートではさらに効果的です。

フィールドをロックしてマーケターが編集できる対象を制御

意図を伝えるためにロックを使用します。例えば、AI で生成されないように法的免責事項はロックし、見出しは柔軟に生成できるようにします。

Adobe Express で任意の要素を右クリックして、次のようなロック動作を設定します。

  • 完全ロック - 対象要素は静的で、AI はその要素のコンテンツを生成しません。
  • ロック、画像の置換を許可 - サイズと位置がロックされますが、ユーザーは画像を入れ替えることができます。このオプションはロゴに適しています。
  • ロック、テキストの置換を許可 - サイズと位置がロックされますが、ユーザーはテキストを編集できます。AI はこの要素のコンテンツを自動生成しません。
  • 完全に柔軟(ロック解除) - ユーザーは対象要素の移動とサイズ変更ができ、AI はそれを生成対象コンテンツとして扱います。

AI マッピングが向上するようにレイヤーに名前を付ける

デザインをテンプレートに変換すると、AI がデザインをスキャンし、見出し、CTA、本文コピーといったフィールドをマッピングします。AI は、複雑なレイアウトよりも単純なテンプレートの方が正確にマッピングすることが多いです。

ベストプラクティス:​プレースホルダーコピーには、AI がフィールドを正しくマッピングできるように、目的のフィールドタイプ(headlinesub-headlineCTA など)を含めます。このアプローチにより、マッピングエラーを減らすことができます。

テンプレートに変換

  1. Adobe Express で、共有テンプレートに変換​をクリックします。

  2. 情報」タブと「ロック」タブのみが GenStudio for Performance Marketing に引き継がれます。

  3. コンバージョン時に、次のようなロック解除の動作を選択します。

    • ユーザーがロック解除できるようにする
    • すべてのロック解除を禁止
    • パスフレーズを設定 - アクセスを恒久的にブロックすることなく安易な変更を抑制する中間的な方法です。

元のデザインファイルのコピーを保持

変換すると別の Adobe Express テンプレートファイルが作成されますが、元のデザインファイルは編集可能なままです。

ヒント:​後でデザインを修正し、バリエーションを作成し、新しいテンプレートを生成できるように、オリジナルを保管しておいてください。

可視性を高めるための共有

変換後、テンプレートはデフォルトでユーザーにのみ表示されます。個人または組織全体と共有できます。

要件:​テンプレートを同期させるには、Adobe Express と GenStudio for Performance Marketing で同じ IMS 組織を使用する必要があります。GenStudio for Performance Marketing では通常、変換後すぐにテンプレートが表示されます。

AI フィールドマッピングの制御

テンプレートを選択すると、AI はテンプレートごとにフィールドを 1 回マッピングし、プライマリメディア生成済みロック済み​などのラベルを割り当てます。AI がフィールドを誤って割り当てた際、マッピングを手動で調整できます。

生成する前に、フィールドごとに​ 生成を有効にする ​切替スイッチを使用して、生成のオンまたはオフにします。AI がフィールドを誤って割り当てた際、マッピングを手動で調整できます。テンプレートマッピングの完全な修正は、今後のリリースで予定されています。

Adobe Express でデザインし、GenStudio for Performance Marketing で組み立て

各サービスを最大限に活用するために、次のデザインワークフローを考慮します。

  • Adobe Express で、カラー、レイアウト、グラフィックなどのデザイン作業を完了させる。
  • GenStudio for Performance Marketing を使用し、これらのテンプレートからコンテンツを組み立てて生成する。
  • デザインガバナンスには、Adobe Express のブランド(カラー、ロゴ、フォント、グラフィック)を使用する。
  • 生成後のフォントカラー変更には、GenStudio for Performance Marketing のブランドを使用する。

メールの制限

Adobe Express テンプレートワークフローに対する Horizon キャンバスでは、メール機能はサポートされて​いません。メールでは、引き続き従来の HTML テンプレートプロセスが使用されます。

カスタムフォントの活用

Adobe Express テンプレートを使用したカスタムフォントの仕組みについて、多くの場合、チームから質問を受けます。管理者は、カスタムフォントを使用する前に、Admin Console でカスタムフォントの選定オファーを受け入れる必要がある場合があります。 Adobe Express テンプレートの使用を参照してください。

recommendation-more-help
genstudio-for-performance-marketing-help-user-guide