テンプレートのカスタマイズ

GenStudio for Performance Marketingで使用するテンプレートをカスタマイズするには、生成AIがコンテンツの挿入に使用するコンテンツプレースホルダー（フィールド）を挿入します。

次のいくつかのセクションでは、Handlebars​テンプレート言語を使用してGenStudio for Performance Marketing用にHTML テンプレートを適応させる方法について説明します。 Handlebars構文では、コンテンツのプレースホルダーとして、二重中括弧を含む通常のテキストが使用されます。 テンプレートの準備方法については、_ Handlebars言語ガイド _のWhat is Handlebarsを参照してください。

テンプレートの準備が整ったら、GenStudio for Performance Marketingにアップロードし、カスタムテンプレートに基づいてパーソナライズされたメールの作成を開始できます。

​ アクセシビリティガイドライン ​と​ ベストプラクティス ​に従って、より多くのオーディエンスにリーチし、最適なエクスペリエンスを提供してください。

コンテンツのプレースホルダー

GenStudio for Performance Marketingは、テンプレート内の特定の種類のコンテンツまたは要素を認識しますが、認識されたフィールド名で特定する場合に限ります。

HTML テンプレートの先頭または本文では、Handlebars構文を使用して、GenStudio for Performance Marketingに実際のコンテンツを入力させるように求めるコンテンツプレースホルダーを挿入できます。 GenStudio for Performance Marketingは、認識された​ フィールド _名に基づいて、これらのプレースホルダーを認識および解釈します。_​各フィールド名は、コンテンツを生成してテンプレートに挿入する方法を決定する、特定のルールと動作に関連付けられます。

例えば、{{headline}}とHandlebars構文を使用して、メールの見出しを配置する場所を示すことができます。 GenStudioはこのフィールドを認識し、ガイドラインとプロンプトの基準に基づいて関連する見出しを生成し、見出しを次の場所に挿入します。

<div>{{headline}}</div>

認識されるフィールド名

次の表は、テンプレートにプレースホルダーを追加するためにGenStudio for Performance Marketingで認識されるフィールド名を示しています。 各フィールドは、特定のチャネルガイドライン、LLM手順、ロールベースのルールに従います。 特定の種類のコンテンツを生成するためにGenStudio for Performance Marketingが必要なテンプレートに、Handlebars構文を使用してこれらのフィールド名を追加します。

GenStudio for Performance Marketingでは、次のテンプレートで特定のフィールドが自動的に生成されます。

テンプレートをGenStudio for Performance Marketingにアップロードする場合、フィールドの数は20件までという制限があります。 subject フィールドはメールで自動的に生成されるので、1つのフィールドとしてカウントされます。 つまり、メールテンプレートには19のフィールドを使用できます。

CTA

Call to action（CTA）には、フレーズとリンクが含まれます。 バリエーション生成プロセス中に​ 言い換え ​および​ リンクを追加 ​機能が適切に機能するには、リンクとフレーズのプレースホルダーをテンプレートに含める必要があります。

次のガイダンスを使用して、CTAのプレースホルダーを設定します。

GenStudio for Performance Marketingでは、CTA フレーズのバリエーションを提供することもできます。 Call to actionの修正を参照してください。

画像上のリンク

メールテンプレートをカスタマイズして、クリエイターが画像にリンクを追加できるようにすることができます。 CTA リンクと同様に、次のガイダンスを使用してlink プレースホルダーを画像タグに適用します。

<a href="{{link}}"><img src="image-source.jpg" alt="{{imageDescription}}"></a>

この例では、次のようになります。

代替テキスト

ユーザー定義のフィールド名をプレースホルダーとして使用して、画像の代替テキスト（HTML alt="text"属性）説明を生成します。 次の{{imageDescription}} プレースホルダーは、同じ<img> タグ内の{{image}} フィールドで使用され、画像とその説明の関係が維持されます。

<img src="{{image}}" alt="{{imageDescription}}">

この例では、次のようになります。

アクセシビリティラベル

aria-label属性は、表示ラベルを持たない要素にアクセス可能な名前を定義するために使用されます。 この属性は、CTA ボタンなど、インタラクティブな要素のコンテキストを提供することが重要なテンプレートで特に便利です。

<a class="button" href="{{link}}" aria-label="{{CTAAriaLabel}}">{{cta}}</a>

画像テキスト上

{{on_image_text}} プレースホルダーは、エクスペリエンスの画像に直接配置された、短いインパクトのあるメッセージのテキストオーバーレイを指定するために使用されます。

<div class="image-text">{{on_image_text}}</div>

手動フィールド名

その他のすべてのフィールド名はユーザー定義であり、手作業で入力されたフィールドとして扱われます。 例えば、フッターコンテンツ用のセクションを予約することができます。

編集可能なセクションを作成するには、セクション名の周りに二重角括弧を追加します。

<tbody>
    <tr>
        <td>
            <p><span class="footer-text">{{footerLegal}}</span></p>
        </td>
    </tr>
</tbody>

リッチテキスト編集

リッチテキスト編集を使用して、Create プロセス中にクリエイティブコンテンツを強化します。 キャンバスは、コンテンツプレースホルダーの場所に基づいてリッチテキスト機能を決定します。 リッチテキスト機能は、コンテンツプレースホルダーをスタンドアロン要素として使用する場合、または<p>、<div>、<span>などのブロックレベルのHTML タグ内で使用する場合にのみ使用できます。

リッチテキスト編集は、段落内の独立したコンテンツで使用できます。

<p>{{body}}</p>

HTML属性内のコンテンツプレースホルダー（alt、href、srcなど）を使用する場合、そのフィールドではリッチテキスト編集はサポートされていません。

リッチテキスト編集は、alt コンテンツで利用できる​ not ​です：

<img src="image.jpg" alt="{{image_description}}">

フィールドが複数表示される場合、リッチテキスト機能は、いずれかのインスタンスでHTML属性として使用されているかどうかに基づいて決定されます。 例えば、見出しを見出しとして使用し、画像の代替テキストとして使用する場合、alt タグが優先されます。

リッチテキスト編集はalt コンテンツとして使用されているため、headlineでは​ not ​利用できます。

<h1>{{headline}}</h1>
<img src="image.jpg" alt="{{headline}}">

リッチテキスト編集は、ソーシャルチャネル（Meta、LinkedIn）のon_image_textなど、特定のチャネル内の特定のフィールドで使用できます。

セクションまたはグループ

メールテンプレートに複数のオファーやストーリーなどの複数のコンテンツ領域が必要な場合は、セクションやグループを使用してこれらを整理できます。 セクション​は、このセクションのフィールドに高度な一貫性が必要であることをGenStudio for Performance Marketingに通知します。 この関係を確立することで、AIがセクションのクリエイティブ要素に一致するコンテンツを生成できるようになります。

フィールドがセクションまたはグループの一部であることを示す接頭辞として、任意のグループ名を使用します。 アンダースコア（_）の後にフィールド名（headline、body、image、またはctaなど）を使用します。

構文：groupname_fieldname

各セクションで使用できるフィールドタイプは1つだけです。 例えば、次のフィールドはpod1 セクションに属しています。

このルールにより、セクションはネストできません。

メールやMeta広告などの各テンプレートタイプには、セクションの使用に関するチャネル固有の制約があります。 テンプレートの使用に関するベストプラクティス​のトピックの​ チャネル固有のガイドライン ​を参照してください。

たとえば、メールテンプレートには最大3つのセクションを含めることができます。したがって、見出しと本文のセクションを3つ含めることができます。

GenStudio for Performance Marketingは、pod1_headlineがpod2_bodyよりもpod1_bodyに近いことを理解しています。

テンプレートプレビュー

テンプレート 🔗を アップロードすると、GenStudio for Performance MarketingはHTML ファイルをスキャンして、認識されたフィールドを探します。 プレビューを使用して​ テンプレート要素を確認し、認識済みのフィールド名で正しく識別されていることを確認します。

メールテンプレートのプレビューの例：

{modal="regular"}

​ テンプレート コード エディターを参照してください。

プレビューを制御

組み込みヘルパー（特定のアクションを実行するHandlebars テンプレート言語の特殊表現）を使用して、特殊コンテンツの表示を制御できます。 例えば、プレビューリンクをクリーンに保ちながら、書き出されたテンプレート内のリンクにトラッキングパラメーターを追加する条件付きステートメントを追加できます。

テンプレートのレンダリング時には_genStudio.canvas値が設定され、テンプレートのエクスポート時にはgenStudio.export値が設定されます。 コンディショナルラッパーを使用して、メールの上部に特定のコンテンツを含めることができます。例えば、テンプレートを書き出しに使用する場合は、次のようになります。

{{#if _genStudio.export}}
<%@ include view='emailParent' %>
{{/if}}

別の例として、GenStudio for Performance Marketingでテンプレートをプレビューする際にトラッキングコードが使用されないようにすることができます。 次の例は、プレビューリンクをクリーンに保ちながら、書き出されたテンプレート内のリンクにトラッキングパラメーターを追加する方法を示しています。

<a class="button" {{#if _genStudio.canvas }}
   href="{{link}}"{{/if}}{{#if _genStudio.export }}
   href="{{link}}?trackingid=<%=getTrackingId()%>&mv=email"{{/if}}
   target="_blank">{{cta}}</a>

静的コンテンツ

電子メールやMetaのテンプレートは、多くの場合、他のドメインでホストされている画像やCSS ファイルにリンクします。 GenStudio for Performance Marketingは、テンプレートのプレビューまたはそこから派生したエクスペリエンスのサムネールを生成すると、コンテンツソースを検証し、プレビュー用にコピーを埋め込みます。

外部ファイルは、テンプレートのプレビューを作成する目的でのみ一時的に埋め込まれます。これにより、プレビューは作成時に表示されるコンテンツを正確に反映します。 これらの外部ファイルは、GenStudio for Performance Marketingに完全に保存されている​ not ​です。 テンプレートのプレビューを作成した後も、GenStudio for Performance Marketingは引き続きテンプレートで提供された元のソースリンクを参照します。

コンテンツを更新

最初のプレビューの作成後にソースが変更された場合は、refresh関数を使用して、外部ソースのコンテンツの最新バージョンでテンプレートプレビューを更新します。