Vorlagen anpassen
Passen Sie Ihre HTML-Vorlagen für Adobe GenStudio for Performance Marketing mithilfe der Vorlagensprache Handlebars an. Die Syntax Handlebars verwendet regulären Text mit doppelten Klammern als Platzhalter für Inhalte. Informationen zur Vorbereitung Ihrer Vorlage finden Sie unter What is Handlebars?
im Handlebars-Sprachleitfaden .
In den nächsten Abschnitten wird beschrieben, wie Sie Platzhalter für Inhalte hinzufügen, unnötige Elemente aus der Vorschau ausblenden und Links zu statischen Inhalten verwalten. Sobald Ihre Vorlage fertig ist, können Sie sie in GenStudio for Performance Marketing hochladen und mit der Generierung personalisierter E-Mails auf der Basis Ihrer benutzerdefinierten Vorlage beginnen.
Inhalts-Platzhalter
GenStudio for Performance Marketing erkennt bestimmte Elemente in einer Vorlage, jedoch nur, wenn Sie sie mit einem erkannten Feldnamen identifizieren.
Im Kopf- oder Textkörper einer Vorlage können Sie die Syntax Handlebars als Platzhalter für Inhalte verwenden, bei dem GenStudio for Performance Marketing die Vorlage mit dem tatsächlichen Inhalt füllen muss. GenStudio for Performance Marketing erkennt und interpretiert die Inhaltsplatzhalter basierend auf dem erkannten Feldnamen.
Sie können beispielsweise {{ headline }}
mit der Syntax Handlebars verwenden, um anzugeben, wo die Überschrift der E-Mail platziert werden soll:
Erkannte Feldnamen
In der folgenden Tabelle sind die von GenStudio for Performance Marketing für die Population erkannten Feldnamen in Vorlagen aufgeführt. Fügen Sie diese Feldnamen mithilfe der Syntax Handlebars zu Ihrer Vorlage hinzu, wo GenStudio for Performance Marketing zum Generieren von Inhalten erforderlich ist.
pre_header
headline
Meta-Anzeige
body
Meta-Anzeige
cta
Meta-Anzeige
on_image_text
image
Meta-Anzeige
brand_logo
Siehe Markenname des Logos für die empfohlene Verwendung.
Meta-Anzeige
GenStudio for Performance Marketing füllt bestimmte Felder automatisch in den folgenden Vorlagen aus:
- Für E-Mail-Vorlage müssen Sie das Feld
subject
nicht identifizieren - Die Vorlage für Metaanzeigen erfordert nicht, dass Sie die Felder
headline
,body
undCTA
identifizieren - Anzeigenvorlage anzeigen erfordert nicht, dass Sie das Feld
CTA
identifizieren
Beim Hochladen einer Vorlage in GenStudio for Performance Marketing sind 20 Felder erlaubt. Da das Feld subject
automatisch in einer E-Mail generiert wird, zählt es als ein Feld. Das bedeutet, dass eine E-Mail-Vorlage 19 Felder zulässt.
Feldname für Markenlogo
Derzeit können Sie das Markenlogo für den Vorlagen-Upload nicht auswählen. Die folgenden Beispiele zeigen zwei Methoden, die das Markenlogo bedingt rendern. Jede Methode überprüft die Quelle, stellt ein standardmäßiges oder alternatives Bild bereit, falls das Markenlogo nicht verfügbar ist, und wendet einen Stil an:
Beispiel 1: Verwendung der integrierten Hilfsbedingung Handlebars direkt im Attribut HTML img src
:
<img src="{{#if brand_logo}}{{brand_logo}}{{else}}<default-image>{{/if}}" alt="img alt text" style="max-width: 88px; margin: 10px auto; display: block;">
Beispiel 2: Verwenden der integrierten Bedingungsanweisung Handlebars, um das HTML img
-Tag zu umbrechen:
Manuelle Feldnamen
Alle anderen Feldnamen werden als manuell ausgefüllte Felder behandelt.
Um einen bearbeitbaren Abschnitt zu erstellen, fügen Sie um den Abschnittsnamen doppelte Klammern hinzu:
Abschnitte oder Gruppen
Abschnitte informieren GenStudio for Performance Marketing darüber, dass die Felder in diesem Abschnitt einen hohen Grad an Kohärenz erfordern. Durch diese Beziehung kann die KI Inhalte generieren, die mit den kreativen Elementen im Abschnitt übereinstimmen.
Verwenden Sie ein Präfix Ihrer Wahl im Feldnamen, um anzugeben, dass ein Feld Teil eines Abschnitts oder einer Gruppe ist. Sie können beispielsweise Inhalte in einem hervorgehobenen Bereich markieren:
pod1_headline
pod1_body
Jeder Abschnitt kann nur einen Feldtyp verwenden. Im obigen Beispiel kann der Abschnitt pod1
nur ein einziges pod1_headline
-Feld verwenden.
Eine Vorlage kann aus bis zu drei Bereichen bestehen:
headline
body
pod1_headline
pod1_body
pod2_headline
pod2_body
GenStudio for Performance Marketing versteht, dass pod1_headline
enger mit pod1_body
als mit pod2_body
verwandt ist.
Vorschau der Vorlage
Wenn Sie eine Vorlage hochladen, scannt GenStudio for Performance Marketing die HTML-Datei auf erkannte Felder. Verwenden Sie die Vorschau, um Ihre Vorlagenelemente zu überprüfen und sicherzustellen, dass Sie sie mit den erkannten Feldnamen richtig identifiziert haben.
Beispielvorschau für eine E-Mail-Vorlage:
{width="650"}
Control preview
Sie können die Sichtbarkeit von speziellen Inhalten mithilfe von integrierten Helfern steuern (spezielle Ausdrücke in der Vorlagensprache Handlebars, die bestimmte Aktionen durchführen). Beispielsweise können Sie eine bedingte Anweisung hinzufügen, die Tracking-Parameter zu Links in der exportierten Vorlage hinzufügt, während die Vorschaulinks sauber bleiben.
Der _genStudio.browser
-Wert wird beim Rendern einer Vorlage festgelegt und der genStudio.export
-Wert wird beim Exportieren einer Vorlage festgelegt. Sie können bestimmte Inhalte über einen bedingten Wrapper oben in einer E-Mail einfügen, z. B. wenn die Vorlage für den Export verwendet wird:
Ein weiteres Beispiel könnte sein, die Verwendung von Trackingcodes bei der Vorschau einer Vorlage in GenStudio for Performance Marketing zu verhindern. Im folgenden Beispiel wird gezeigt, wie Tracking-Parameter zu Links in der exportierten Vorlage hinzugefügt werden, während die Vorschaulinks sauber gehalten werden:
Statischer Inhalt
E-Mail- und Meta-Vorlagen verknüpfen häufig mit Bildern und CSS-Dateien, die außerhalb von GenStudio for Performance Marketing gehostet werden. Wenn GenStudio for Performance Marketing Miniaturansichten für diese Vorlagen oder daraus abgeleitete Erlebnisse generiert, können diese externen Ressourcen ignoriert werden, wenn sie nicht über die richtigen CORS-Kopfzeilen (Cross Origin Resource Sharing) verfügen.
Beachten Sie zwei Optionen, um sicherzustellen, dass diese Ressourcen während des Generierungsprozesses von Miniaturansichten verfügbar sind:
-
CORS-Header verwenden: Der Host-Server muss Antworten senden, deren
Access-Control-Allow-Origin
-Header für Produktionsumgebungen auf den Werthttps://experience.adobe.com
eingestellt ist. Auf diese Weise kann GenStudio for Performance Marketing auf die Ressourcen zugreifen und diese einschließen. -
Daten-URLs verwenden: Betten Sie die externen Ressourcen mithilfe von Daten-URLs direkt in die Vorlage ein. Diese Methode umgeht CORS-Einschränkungen und stellt sicher, dass die Ressourcen während der Erstellung von Miniaturansichten verfügbar sind.
Vorlagenbeispiele
Im Folgenden finden Sie ein Beispiel für eine HTML-Vorlage für eine E-Mail, die nur einen Bereich enthält. Der Kopf enthält einfache Inline-CSS für die Formatierung. Der Hauptteil enthält einen pre-header
-, headline
- und image
Platzhalter für die Verwendung durch GenStudio for Performance Marketing zum Einfügen von Inhalten während des E-Mail-Generierungsprozesses.
code language-handlebars line-numbers h-13 |
---|
|
Im Beispiel oben ist dieselbe HTML-Vorlage zu sehen, jedoch mit zwei weiteren Abschnitten. Der Kopf enthält Inline-CSS zum Formatieren einer Gruppe. Der Hauptteil verwendet zwei Gruppen mit Inhalts-Platzhaltern, die ein Präfix verwenden.
code language-handlebars line-numbers h-33 |
---|
|
Im Folgenden finden Sie ein grundlegendes Beispiel für eine Meta-Anzeigenvorlage. Der Kopf enthält Inline-CSS für die Formatierung. Der Hauptteil verwendet Inhalts-Platzhalter mit einem Präfix.
code language-handlebars line-numbers h-33 |
---|
|