Embeds

Grundlagen #

Diese werden verwendet, um Empfehlungen direkt in jede E-Mail innerhalb eines beliebigen E-Mail-Clients einzubetten. Es ist die einfachste und flexibelste Möglichkeit, bestehende E-Mail-Flows mit Clerks KI zu verbessern.

Eingebettete E-Mail-Empfehlungen bestehen aus einem Embed, in dem Sie den Namen, die Produktlogik und weitere Einstellungen konfigurieren, sowie einem Design, das das Aussehen und die Darstellung der Empfehlungen steuert.

Nachdem Sie Ihr Embed und Design konfiguriert haben, können Sie den Embedcode einfach in Ihre E-Mail-Plattform kopieren und einfügen, um die Ergebnisse an dieser Stelle anzuzeigen.

Konfiguration #

Jede eingebettete E-Mail-Empfehlung verfügt über eine Reihe von Einstellungen, mit denen Sie sie an Ihr individuelles E-Mail-Setup anpassen können.

Produktlogiken #

Email bietet eine große Auswahl an Product Logics, mit denen Sie Empfehlungen anzeigen können.

Diese reichen von allgemeinen Logiken wie Best Sellers oder Hot Products bis hin zu komplett personalisierten wie Recommendations Based On Orders. Product Logics werden auf der Embed-Seite einer eingebetteten E-Mail-Empfehlung konfiguriert.

E-Mail-Plattform #

Clerk bietet Integrationen mit einer Vielzahl von E-Mail-Plattformen an. Für eingebettete Empfehlungen werden die Integrationen verwendet, um über Merge Tags zwei spezifische Informationen aus dem E-Mail-Client auszulesen:

• Die E-Mail-Adresse des Empfängers, um mit spezifischen Product Logics zu personalisieren.
• Ein Cachebuster, der für jede versendete E-Mail einen einzigartigen Wert hinzufügt, um Caching zu vermeiden, das ansonsten die gleichen Produkte in mehreren E-Mails anzeigen würde.

Wenn Sie Ihre Plattform aus der Liste auswählen, werden diese Merge Tags automatisch dem Embedcode hinzugefügt.

Falls Ihre E-Mail-Plattform nicht bereits Teil der Integrationen ist, wählen Sie einfach Other und fügen Sie die Merge Tags manuell hinzu.

Zusätzliche Argumente #

Einige Logiken erfordern zusätzliche Informationen wie Kategorie-IDs oder Keywords, die im Tab Insert into e-mail hinzugefügt werden.

Embedcode #

Wenn ein Nutzer eine E-Mail mit einem Embedcode öffnet, wird ein Aufruf an Clerks API getätigt, um die Produkte abzurufen. Diese werden mit dem von Ihnen konfigurierten Design in einem Headless-Browser gerendert und als Bild zur Anzeige in der E-Mail zurückgegeben.

Struktur #

Nachfolgend ein Beispiel für einen Embedcode, der 2 Produkte anzeigt. Jedes Produkt besteht aus einem Link zur Produktseite und einem Bild, das das Produkt zeigt.

<center> 
    <a  class="clerk-email-product" 
        href="https://api.clerk.io/v2/campaigns/click?key=Ipkv9tKfxRdpLv3mpMhqxfWGNdqugE0c&embed=personalised-recommendations&email={{ email }}&n=0&v={% current_day %}{% current_month_name %}{% current_year %}&append=utm_source%3Dclerk%26utm_medium%3Demail%26utm_campaign%3Dpersonalised-recommendations%26utm_content%3Dclerk-recommendations&keywords=star%20wars" 
        target="_blank" 
        style="text-decoration: none; ">
        <img src="https://api.clerk.io/v2/campaigns/embed?key=Ipkv9tKfxRdpLv3mpMhqxfWGNdqugE0c&embed=personalised-recommendations&email={{ email }}&n=0&v={% current_day %}{% current_month_name %}{% current_year %}&append=utm_source%3Dclerk%26utm_medium%3Demail%26utm_campaign%3Dpersonalised-recommendations%26utm_content%3Dclerk-recommendations&keywords=star%20wars" />
    </a>
    <a  class="clerk-email-product" 
        href="https://api.clerk.io/v2/campaigns/click?key=Ipkv9tKfxRdpLv3mpMhqxfWGNdqugE0c&embed=personalised-recommendations&email={{ email }}&n=1&v={% current_day %}{% current_month_name %}{% current_year %}&append=utm_source%3Dclerk%26utm_medium%3Demail%26utm_campaign%3Dpersonalised-recommendations%26utm_content%3Dclerk-recommendations&keywords=star%20wars" 
        target="_blank" 
        style="text-decoration: none; ">
        <img src="https://api.clerk.io/v2/campaigns/embed?key=Ipkv9tKfxRdpLv3mpMhqxfWGNdqugE0c&embed=personalised-recommendations&email={{ email }}&n=1&v={% current_day %}{% current_month_name %}{% current_year %}&append=utm_source%3Dclerk%26utm_medium%3Demail%26utm_campaign%3Dpersonalised-recommendations%26utm_content%3Dclerk-recommendations&keywords=star%20wars" />
    </a>
</center>

Links verwenden Aufrufe an campaigns/click, die den Kunden durch Clerks Trackingsystem und dann zur Produktseite leiten.

Bilder verwenden Aufrufe an campaigns/embed, die das anzuzeigende Bild in der E-Mail zurückgeben.

Parameter #

Dies sind die Datenpunkte, die bei den API-Aufrufen verwendet werden:

Der Cachebuster ist notwendig, weil ein einziger E-Mail-Empfehlungs-Embedcode verwendet werden kann, um Produkte in Tausenden von E-Mails anzuzeigen, da einfach API-Aufrufe an Clerk getätigt werden, wenn der Nutzer die E-Mail öffnet.

Da der Bild-Link gleich bleibt, werden viele E-Mail-Clients das Bild zwischenspeichern und somit immer die gleichen Produkte anzeigen, statt einen neuen API-Aufruf zu tätigen. Der Cachebuster stellt sicher, dass die E-Mail-Clients jede E-Mail als eindeutige Anfrage erkennen.

Tracking #

Die Performance der eingebetteten Empfehlungen wird über die URL-Parameter verfolgt, die beim Weiterleiten des Nutzers auf die Produktseite mitgegeben werden.

Struktur #

Die Ziel-URL beinhaltet:

• Google Analytics UTM-Codes
• Clerks eigene Tracking-Parameter, die durch Clerk.js erkannt werden.

Hier ein Beispiel für eine URL:

https://www.theschwartz.com/?utm_source=clerk&utm_medium=email&utm_campaign=personalised-recommendations&utm_content=clerk-recommendations&clerk_product=28081&clerk_labels=Personalised+Recommendations&clerk_api=recommendations%2Akeywords&clerk_n=0&clerk_external=1&clerk_email=gAAAAABnoLO_YDvTRvfT4ed8pRIYjqQzo38JtrdwRIM-VYDuJO8awxImzfgDB3M-Jfr29WUoayvYNV4XxqixK3-bvukeYy6uDEgRfvuomLxhpVLVn6xoUPk%3D

Parameter #

Die UTM-Parameter für Google Analytics können angepasst werden, um das von Ihnen gewünschte Tracking unter Tracking Code im Bereich Insert into e-mail zu definieren, während die Clerk-Parameter automatisch beim API-Aufruf an campaigns/click hinzugefügt werden.

Die enthaltenen Parameter sind: