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

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

以降の節では、Handlebars ​テンプレート言語を使用してHTML テンプレートをGenStudio for Performance Marketingに適応させる方法について説明します。 Handlebars の構文では、コンテンツのプレースホルダーとして中括弧を使用した通常のテキストを使用します。 テンプレートの準備方法については、_ Handlebars 言語ガイド _の 概要 Handlebars を参照してください。

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

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

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

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

例えば、Handlebars 構文で {{headline}} を使用して、メールのヘッドラインを配置する場所を示すことができます。 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）には、フレーズとリンクが含まれます。 バリアントの生成プロセスで 再フレーズ および リンクを追加 の機能が正しく機能するには、テンプレートにリンクとフレーズのプレースホルダーを含める必要があります。

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

GenStudio for Performance Marketingでは、様々なコールトゥアクションフレーズを提供することもできます。 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 プロセス中にクリエイティブコンテンツを強化します。 キャンバスは、コンテンツプレースホルダーの場所に基づいてリッチテキスト機能を決定します。 リッチテキスト機能は、コンテンツプレースホルダーをスタンドアロン要素として使用するか、ブロックレベルのHTML タグ（<p>、<div>、<span> など）内で使用する場合にのみ使用できます。

段落内のスタンドアロンコンテンツに対して、リッチテキスト編集を使用できます。

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

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

alt のコンテンツではリッチテキスト編集は使用 できません

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

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

リッチテキスト編集は、リッ alt コンテンツとして使用されるので、headline では使用 できません。

<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」セクションに属しています。

このルールのため、セクションをネストすることはできません。

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

例えば、1 つのメールテンプレートに最大 3 つのセクションを含めることができます。したがって、次の 3 つのヘッドラインと本文セクションを含めることができます。

GenStudio for Performance Marketingは pod1_headline が pod2_body よりも pod1_body と密接に関係していることを理解しています。

テンプレートのプレビュー

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

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

{modal="regular"}

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

プレビューを制御

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

テンプレートのレンダリング時には _genStudio.browser の値が設定され、テンプレートの書き出し時には genStudio.export の値が設定されます。 条件付きラッパーを使用して、メールの上部に特定のコンテンツを含めることもできます。例えば、テンプレートを書き出しに使用する場合です。

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

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

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

静的コンテンツ

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

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

コンテンツを更新

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