Externe Datenquellen
Dynamische externe Daten in HTML einbringen
Die Integration externer Datenquellen in E-Mail-Vorlagen ermöglicht hochgradig personalisierte und dynamische Inhalte, was die Interaktion und Relevanz verbessert. Dieser Leitfaden führt Sie durch das Einrichten externer Datenquellen und deren Nutzung in Ihren E-Mail-Vorlagen.
Externe Datenquellen liefern dynamische Inhalte für Ihre E-Mail-Vorlagen, indem sie Informationen aus externen APIs abrufen. Dies ist nützlich für:
Personalisierung von Inhalten basierend auf einem externen Feed
Anzeigen von Echtzeitdaten wie dem Flugstatus über eine API
Anpassen von Links durch Übermittlung von Parametern und Erhalten endgültiger Links über ein externes Tool
Erstellen Sie eine externe Datenquelle
Verwendung externer Datenquellen in Email
Sobald Ihre externe Datenquelle korrekt eingerichtet ist, können Sie deren Ausgaben im E-Mail-Template mithilfe der Liquid-Templating-Sprache verwenden.
Verwendung einer externen Datenquelle für Content-Feed
Um einen Content-Feed anzuzeigen, können Sie eine API erstellen, die ein JSON mit vielen Elementen des Content-Feeds liefert. Beispielsweise kann es wie unten aussehen:
Der oben genannte JSON-Feed kann als API-URL verwendet werden, während eine externe Datenquelle erstellt wird.
Sobald er erstellt ist, können Sie ihn in einem E-Mail-Template wie folgt referenzieren:
Fügen Sie zuerst ein HTML-Element hinzu und fügen Sie den unten stehenden Code hinzu, um die externe Datenquelle nach Name abzurufen, d.h. {% datafetch "external-data-source-name" %}
Verwenden Sie die for-Funktion in Liquid, um alle Elemente in Ihrem Feed zusammen mit dem Pfad zu erhalten, d.h. {% for <your-item> in dataFetchResponse.<your-json-path> %}.
Wenn Sie nur ein Element haben, ist dies möglicherweise nicht erforderlich.
Angenommen, sample-data-feed ist der Name der externen Datenquelle und feed.items ist der Pfad im JSON-Feed, um die Elemente abzurufen, wird es wie unten aussehen:

Nachdem dies hinzugefügt wurde, können Sie jedes Bild-, Text-, und Schaltflächenelement hinzufügen und auf die externe Datenquelle verweisen, wie unten dargestellt, unter Berücksichtigung der sample-data-feed-Struktur:
{{item.title}} - Um den Titel in einem Textelement anzuzeigen
{{item.description}} - Um die Beschreibung in einem Textelement anzuzeigen
{{item.link}} - Um einen Link in einem Schaltflächenelement hinzuzufügen
{{item.thumbnail}} - Um eine Bild-URL-Quelle in einem Bildelement hinzuzufügen
Fügen Sie nun einen weiteren HTML-Block hinzu, um das Abrufen der externen Datenquelle und die for-Funktion wie unten gezeigt zu beenden
Um Ihre E-Mail-Vorschau anzuzeigen, können Sie zur Vorschau wechseln und sehen, wie Ihr Content-Feed aussieht.
Hinweis: Wenn Sie einen statischen Feed haben, können Sie ihn hier manuell aktualisieren, indem Sie die externe Datenquelle im Dropdown-Menü „Externe Datenquelle aktualisieren“ auswählen.

Verwendung einer externen Datenquelle zur Anpassung von URLs
Sie können auch externe Datenquellen zusammen mit Variablen in der API-URL verwenden. Dies hilft, Parameter an eine externe API zu übergeben und eine Antwort zurückzugeben, die zu einer E-Mail-Vorlage hinzugefügt werden kann.
Zum Beispiel können Sie eine API-URL wie unten verwenden und Variablen wie unten gezeigt übergeben:
https://api.bird.com/workspaces/?email={{email}}&referenceId={{referenceId}}&locale={{locale}}&name={{name}}

Um diese externe Datenquelle in einer E-Mail-Vorlage zu verwenden, müssen Sie auch die Werte der Variablen im Liquid-Tag bereitstellen:
Fügen Sie das erste HTML-Element als {% datafetch "name", "variable1", "variable1 value", "variable2, "variable2 value" %} hinzu.
Im untenstehenden Beispiel verhindert die erste Zeile Problemverursachung, wenn die E-Mail-Adresse ein + Zeichen enthält. Die zweite Zeile leitet den externen Datenfluss mit den Variablen tatsächlich ein. Sie können statische Werte als "value" angeben oder Variablenreferenzen wie contact.attributes.userId bereitstellen.
GenerateLink ist der Name der oben genannten externen Datenquelle.
Zum Rendern eines angepassten Links können Sie ein Button-Element mit dem Link verwenden, der als {{dataFetchResponse.url}} definiert ist, wobei url die Antwort Ihrer API enthält.

Danach fügen Sie das abschließende HTML-Element wie unten hinzu: