Erreichen

Grow

Manage

Automate

Erreichen

Grow

Manage

Automate

G

G

M

M

Externe Datenquellen

Dynamische externe Daten in HTML einbringen

Übersicht

Übersicht

Übersicht

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

  • Navigieren Sie zur Marketing-App und klicken Sie auf Content

  • Unter Content klicken Sie auf Externe Datenquellen > Externe Datenquelle erstellen


  • Sie können ihm einen Namen geben. Dies sollte eine fortlaufende Zeichenkette ohne Leerzeichen sein

  • Geben Sie den Link für Ihre API an

  • Legen Sie fest, ob der Inhalt dynamisch aktualisiert werden soll oder ob er manuell aktualisiert werden soll, nachdem er zur E-Mail hinzugefügt wurde und dann nicht mehr aktualisiert werden soll.

  • Sie können wählen, ob Sie keine Authentifizierung haben möchten oder den Authentifizierungstyp definieren und auch Header hinzufügen


  • Sobald Sie auf Save Configuration klicken, wird die externe Datenquelle erstellt

  • Sobald sie erstellt ist, können Sie Ihre Konfiguration testen, um zu sehen, welches Ergebnis Sie erhalten, indem Sie auf Test Config klicken, wie unten gezeigt.

  • Navigieren Sie zur Marketing-App und klicken Sie auf Content

  • Unter Content klicken Sie auf Externe Datenquellen > Externe Datenquelle erstellen


  • Sie können ihm einen Namen geben. Dies sollte eine fortlaufende Zeichenkette ohne Leerzeichen sein

  • Geben Sie den Link für Ihre API an

  • Legen Sie fest, ob der Inhalt dynamisch aktualisiert werden soll oder ob er manuell aktualisiert werden soll, nachdem er zur E-Mail hinzugefügt wurde und dann nicht mehr aktualisiert werden soll.

  • Sie können wählen, ob Sie keine Authentifizierung haben möchten oder den Authentifizierungstyp definieren und auch Header hinzufügen


  • Sobald Sie auf Save Configuration klicken, wird die externe Datenquelle erstellt

  • Sobald sie erstellt ist, können Sie Ihre Konfiguration testen, um zu sehen, welches Ergebnis Sie erhalten, indem Sie auf Test Config klicken, wie unten gezeigt.

  • Navigieren Sie zur Marketing-App und klicken Sie auf Content

  • Unter Content klicken Sie auf Externe Datenquellen > Externe Datenquelle erstellen


  • Sie können ihm einen Namen geben. Dies sollte eine fortlaufende Zeichenkette ohne Leerzeichen sein

  • Geben Sie den Link für Ihre API an

  • Legen Sie fest, ob der Inhalt dynamisch aktualisiert werden soll oder ob er manuell aktualisiert werden soll, nachdem er zur E-Mail hinzugefügt wurde und dann nicht mehr aktualisiert werden soll.

  • Sie können wählen, ob Sie keine Authentifizierung haben möchten oder den Authentifizierungstyp definieren und auch Header hinzufügen


  • Sobald Sie auf Save Configuration klicken, wird die externe Datenquelle erstellt

  • Sobald sie erstellt ist, können Sie Ihre Konfiguration testen, um zu sehen, welches Ergebnis Sie erhalten, indem Sie auf Test Config klicken, wie unten gezeigt.

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:

{
  "feed": {
    "version": "1.0",
    "title": "sample-data-feed",
    "items": [
      {
        "title": "Meet the Full Cast",
        "link": "https://bird.com/article",
        "description": "See who's joining previously announced stars Katie Brayben and Christian Borle in the Elton John-Jake Shears-James Graham musical.",
        "thumbnail": "https://assets.bird.com.jpg",
        "date": "2024-08-28T11:21:00",
        "creator": "Joe Black"
      },
      {
        "title": "Stars in ASL American",
        "link": "https://bird.com/article",
        "description": "Center Theatre Group is teaming up with Deaf West Theatre to reopen the Mark Taper Forum with a new production of the Green Day musical after bringing revivals of Big River and Spring Awakening to Broadway.",
        "thumbnail": "https://assets.bird.com.jpg",
        "date": "2024-08-28T11:59:00",
        "creator": "Joe Black"
      }
    ]
  }
}

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:

  1. 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" %}

  2. 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:

{% datafetch "sample-data-feed" %}
{% for item in dataFetchResponse.feed.items %}



  • 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

{% endfor %}
{% enddatafetch %}

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.

{%- assign email_for_datafetch = contact.attributes.email_address | url_encode -%}
{% datafetch "GenerateLink","email", email_for_datafetch,"referenceId", contact.attributes.userId, "locale", contact.attributes.locales[0],"name", contact.attributes.name %}

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:

{% enddatafetch %}

Lassen Sie uns Sie mit einem Bird-Experten verbinden.
Erleben Sie die volle Macht des Bird in 30 Minuten.

Durch die Übermittlung stimmen Sie zu, dass Bird Sie bezüglich unserer Produkte und Dienstleistungen kontaktieren darf.

Sie können sich jederzeit abmelden. Weitere Informationen zur Datenverarbeitung finden Sie in Birds Datenschutzerklärung.

Unternehmen

Newsletter

Bleiben Sie mit Bird auf dem Laufenden durch wöchentliche Updates in Ihrem Posteingang.

Lassen Sie uns Sie mit einem Bird-Experten verbinden.
Erleben Sie die volle Macht des Bird in 30 Minuten.

Durch die Übermittlung stimmen Sie zu, dass Bird Sie bezüglich unserer Produkte und Dienstleistungen kontaktieren darf.

Sie können sich jederzeit abmelden. Weitere Informationen zur Datenverarbeitung finden Sie in Birds Datenschutzerklärung.

Unternehmen

Newsletter

Bleiben Sie mit Bird auf dem Laufenden durch wöchentliche Updates in Ihrem Posteingang.

Lassen Sie uns Sie mit einem Bird-Experten verbinden.
Erleben Sie die volle Macht des Bird in 30 Minuten.

Durch die Übermittlung stimmen Sie zu, dass Bird Sie bezüglich unserer Produkte und Dienstleistungen kontaktieren darf.

Sie können sich jederzeit abmelden. Weitere Informationen zur Datenverarbeitung finden Sie in Birds Datenschutzerklärung.

R

Erreichen

G

Grow

M

Manage

A

Automate

Unternehmen

Newsletter

Bleiben Sie mit Bird auf dem Laufenden durch wöchentliche Updates in Ihrem Posteingang.