Das Dataversenden vom Google Tag Manager Web Container zum Server Container

Zuverlässige Daten im Server Google Tag Manager sind der Schlüssel zu einer genauen serverseitigen Tag-Verwaltung. Eine der beliebtesten Methoden, Daten vom Web- zum Server-GTM zu senden, ist Google Analytics 4. GA4 hat jedoch seine Einschränkungen. Deshalb haben wir Data Tag und Data Client entwickelt, die zusammenarbeiten, um Ereignis- und Nutzerdaten vom Web- zum Server-GTM zu übermitteln.

In diesem Artikel möchte ich Ihnen zeigen, wie Sie Data Tag verwenden. Dieser benutzerdefinierte Tag sendet Parameter aus dem Google Tag Manager Web Container an den Server Container. In Kombination mit dem Data Client für den Google Tag Manager Server Container können Datenebenenvariablen, benutzerdefinierte Parameter und andere Daten vom Web-Container an den Server-Container gesendet werden. Dadurch ruft der Data Client Informationen aus dem Data Tag in die Google Tag Manager Server-Ereignisse ab.

Der Server-Container hat keinen direkten Zugriff auf browserseitige Daten – wie beispielsweise die Datenschicht, Cookies oder den Seitenkontext –, daher müssen diese Daten explizit vom Web-Container gesendet werden. Hierfür stehen zwei Methoden zur Verfügung:

• Data Tag, das im Server-Container mit Data Client gekoppelt ist, um dessen Anfragen zu empfangen und zu analysieren, sendet Variablen der Datenschicht und andere Parameter plattformunabhängig;
• Google Analytics 4, das Daten über ein Google-Tag übermittelt, das mit der URL des Server-Containers konfiguriert ist. Beide Methoden werden im Folgenden behandelt.

Schritt 1. Installieren Sie die Data-Tag-Vorlage:

1. 1.
   Klicken Sie auf das Menü „Tags“.
2. 2.
   Klicken Sie auf „Neu“.
3. 3.
   Öffnen Sie den Abschnitt „Vorlagen“ Ihres Web-Google-Tag-Manager-Containers → fügen Sie das Data-Tag aus der Vorlagengalerie hinzu.
4. 4.
   Klicken Sie auf die Registerkarte „Tag-Konfiguration“.
5. 5.
   Klicken Sie auf „Weitere Tag-Typen in der Community-Vorlagengalerie entdecken“ → suchen Sie nach „Data-Tag“ → klicken Sie auf „Zum Arbeitsbereich hinzufügen“ → klicken Sie auf „Hinzufügen“.

Schritt 2. Als Nächstes konfigurieren wir das Data Tag für das Pageview-Ereignis:

1. 1.
   Unter „Ereignisname“ können Sie einen Standard-Ereignisnamen auswählen, einen benutzerdefinierten Ereignisnamen hinzufügen oder mithilfe der Variablen {{Event}} einen dynamischen Ereignisnamen hinzufügen.
2. 2.
   Geben Sie Ihre GTM-serverseitige URL ein (Sie finden Ihre GTM-serverseitige URL in Ihrem stape.io-Konto, indem Sie den sGTM-Container öffnen und den Abschnitt Domain überprüfen.)
3. 3.
   Wählen Sie aus, wie die Daten gesendet werden sollen:

   1. 3.1.
      Alle aus dem DataLayer senden – sendet alle Informationen, die Sie im Web-GTM-DataLayer haben, an die GTM-Ereignisdaten auf dem Server.
   2. 3.2.
      Allgemeine Daten senden – fügt der Anfrage die Werte page_location, page_path, page_hostname, page_referrer, page_title, page_encoding, screen_resolution und viewport_size hinzu.
   3. 3.3.
      Einwilligungsstatus hinzufügen – fügt der Anfrage das Objekt consent_state hinzu. Es enthält die folgenden Eigenschaften: ad_storage, analytics_storage, functionality_storage, personalization_storage, security_storage.
   4. 3.4.
      Allgemeine Cookies hinzufügen – Das Tag sendet allgemeine Cookies in „eventData“, um Einschränkungen einiger E-Commerce-Plattformen zu umgehen. Dies ist beispielsweise für Ereignisse erforderlich, die auf Shopify-Checkout-Seiten funktionieren.
4. 4.
   Unter Ereignisdaten können Sie beliebige manuelle Daten zur Anfrage hinzufügen. Sie können auch Transformationen (wie Hashing, Trimming usw.) anwenden oder Daten speichern.
5. 5.
   Unter Benutzerdaten können Sie Benutzerparameter senden und Transformationen anwenden oder Daten speichern.
6. 6.
   Unter Einstellungen und Erweiterte Einstellungen finden Sie genau das – erweiterte Konfigurationsoptionen. Sofern Sie nicht genau wissen, was Sie tun, sollten Sie diese Einstellungen besser nicht ändern.
7. 7.
   Geben Sie Ihrem Tag einen aussagekräftigen Namen und klicken Sie auf Speichern.

Schritt 3. Als Nächstes können Sie das Data-Tag für weitere Ereignisse konfigurieren. Das folgende Beispiel zeigt, wie Sie E-Commerce-Ereignisse konfigurieren, wenn der Data Layer verfügbar ist.

Dieses Tag löst jedes E-Commerce-Ereignis im Data Layer aus. In diesem Beispiel enden alle E-Commerce-Ereignisse mit _stape, daher verwenden wir einen regulären Ausdruck, der alle Ereignisse erfasst, die _stape enthalten.

Beispiel für die Variable, die Benutzerdaten aus dem Data Layer extrahiert.

Schritt 4. Als Nächstes laden Sie den Data Client von GitHub herunter:

1. 1.
   Folgen Sie diesem Link.
2. 2.
   Klicken Sie auf Code → ZIP herunterladen.

Schritt 5. Nun importieren Sie den Data Client:

1. 1.
   Öffnen Sie Ihren Server-Google Tag Manager-Container.
2. 2.
   Klicken Sie auf Vorlagen.
3. 3.
   Klicken Sie unter Clients auf Neu.
4. 4.
   Klicken Sie auf die drei Punkte in der oberen rechten Ecke.
5. 5.
   Klicken Sie auf Importieren und wählen Sie den Data Client aus, den Sie von GitHub heruntergeladen haben (möglicherweise müssen Sie das Archiv zuerst entpacken).
6. 6.
   Sobald der Import abgeschlossen ist, klicken Sie auf Speichern.

Schritt 6. Öffnen Sie die Registerkarte Clients und klicken Sie auf Neu → wählen Sie Data Client → klicken Sie auf Speichern. 

Schritt 7. Öffnen Sie die GTM-Vorschau-Bildschirme für Web und Server und testen Sie die Einrichtung. Sie sollten sehen, dass das Data-Tag im Web-GTM-Container ausgelöst wird und der Data Client die Data-Tag-Anfragen im sGTM auswertet. 

Schritt 1. Erstellen Sie eine Konfigurationsvariable für die URL des Server-Containers. Gehen Sie dazu wie folgt vor:

1. 1.
   Klicken Sie auf das Menü „Variablen“.
2. 2.
   Klicken Sie unter der Leiste „Benutzerdefinierte Variablen“ auf „Neu“.
3. 3.
   Klicken Sie auf die Leiste Variablenkonfiguration.
4. 4.
   Wählen Sie den Typ Google-Tag: Konfigurationseinstellungen aus.
5. 5.
   Klicken Sie auf Parameter hinzufügen.
6. 6.
   Geben Sie die folgenden Parameter ein:

   1. 6.1.
      Konfigurationsparameter: server_container_url.
   2. 6.2.
      Wert: die URL Ihres Tag Manager-Server-Containers.
7. 7.
   Geben Sie Ihrer Variablen einen aussagekräftigen Namen und klicken Sie auf Speichern.

Schritt 2. Erstellen Sie ein Google Analytics 4-Tag:

1. 1.
   Klicken Sie auf das Menü „Tags“.
2. 2.
   Klicken Sie auf Neu.
3. 3.
   Klicken Sie auf die Registerkarte Tag-Konfiguration.
4. 4.
   Wählen Sie Google Analytics → Google-Tag.
5. 5.
   Geben Sie unter Tag-ID die ID aus Ihrem GA4-Konto ein (um diese zu finden, gehen Sie zu Ihrem GA4 → klicken Sie auf Verwaltung → Datenströme → wählen Sie den Datenstrom aus → sehen Sie sich die Mess-ID an).
6. 6.
   Wählen Sie unter Konfigurationseinstellungen die zuvor erstellte Server-Container-Variable aus.
7. 7.
   Stellen Sie unter „Auslösung“ sicher, dass die Option „Initialisierung – Auslöser für alle Seiten“ ausgewählt ist.
8. 8.
   Geben Sie Ihrem Tag einen aussagekräftigen Namen und klicken Sie auf „Speichern“.
9. 9.
   Klicken Sie auf „Veröffentlichen“, damit der Container live geschaltet wird.

Schritt 3. Als Nächstes sehen wir uns an, wie Sie ein GA4-Ereignis erstellen, wobei wir das Ereignis „Alle Klicks“ als Beispiel verwenden:

1. 1.
   Klicken Sie auf das Menü „Tags“.
2. 2.
   Klicken Sie auf Neu.
3. 3.
   Klicken Sie auf die Registerkarte Tag-Konfiguration.
4. 4.
   Wählen Sie Google Analytics → Google Analytics: GA4-Ereignis.
5. 5.
   Geben Sie Ihre Messungs-ID ein (aus dem GA4-Menü Datenströme).
6. 6.
   Geben Sie Ihrem Ereignis einen aussagekräftigen Namen.
7. 7.
   Klicken Sie auf Auslösung → Alle Klicks.
8. 8.
   Geben Sie dem Tag einen aussagekräftigen Namen.
9. 9.
   Klicken Sie auf Speichern.

Als Nächstes müssen Sie die Übermittlung Ihrer Ereignisdaten an Ihre Marketing-/Analytics-Plattform konfigurieren. Die genauen Schritte hängen von der von Ihnen gewählten Plattform ab. Weitere Informationen finden Sie in unseren Anleitungen zu den gängigen Plattformen:

• So richten Sie die Meta Conversions API ein
• So richten Sie das Google Analytics 4 (GA4)-Tracking ein
• So richten Sie das Google Ads-Conversion-Tracking ein
• Andere Plattformen

Der erste Anwendungsfall, der mir in den Sinn kommt, ist das Senden einer Datenebene vom Webcontainer zum Server. Mit Hilfe dieser Daten können Sie zusätzliche Parameter an Ihre serverseitigen Tags übergeben – ganz gleich, ob es sich um Standard-Aktionen oder GA4 benutzerdefinierte Ereignisse handelt.

Auf dem Screenshot unten habe ich diese Einstellungen verwendet, um die Datenebene an den Servercontainer zu senden:

• Benutzerdefiniertes Ereignis: {{event}}
• Alle aus der Datenebene senden aktiviert
• Allgemeine Daten senden aktiviert

Dieses Daten-Tag wird bei allen erweiterten E-Commerce-Ereignissen ausgelöst.

Im Vorschau-Modus des Servercontainers sehen Sie, dass das Data Tag Anfragen für alle E-Commerce-Ereignisse gesendet hat und dass der Data Client diese Anfragen im Servercontainer empfangen und verarbeitet hat. Wenn ich auf den Ereignisnamen klicke und die Ereignisdaten überprüfe, sollten Sie alle Parameter aus der Web-Datenebene sehen.

Angenommen, Sie möchten Benutzerdaten wie Vorname, Nachname oder E-Mail an die Facebook Conversion API senden, um die Übereinstimmungsqualität Ihrer Ereignisse zu erhöhen. Sie können dafür das Data Tag verwenden. Und wenn Sie unser Tag verwenden, um ein Facebook Conversion API Tag einzurichten, erfasst das FB-Tag automatisch die Benutzerdaten vom Data Tag.

Ich wollte die Benutzer-E-Mail, den Vornamen und den Nachnamen zusammen mit den Checkout-Ereignissen in den untenstehenden Beispielen senden. Ich habe die Benutzerdaten im Data Tag im Web Google Tag Manager Container hinzugefügt. Ich verwende statische Parameter für den Test, aber Sie können diese Parameter dynamisch mit Variablen übergeben. Unser Facebook-Tag erfasst automatisch die Benutzerparameter vom Data Client und sendet die gehashten Informationen an Facebook.

Um sicherzustellen, dass Facebook diese Parameter erhalten hat, können Sie die Facebook-Test-ID zum Facebook-Server-Tag hinzufügen und überprüfen, welche Parameter Facebook im Testwerkzeug des Ereignismanagers sieht.

Sie können Daten vom Google Tag Manager-Webcontainer an Ihr CRM, Slack, Webhooks usw. senden. Dieses Beispiel zeigt Ihnen, wie Sie Informationen über einen neuen Kauf auf Ihrer Website an den Slack-Kanal senden.

1. 1.
   Stellen Sie sicher, dass Sie die korrekten Informationen vom Google Tag Manager-Webcontainer mit dem Data Tag senden.

2. Generieren Sie ein Webhook auf Slack.

3. Erstellen Sie im Servercontainer ein neues Tag und wählen Sie den Tag-Typ HTTP-Anfrage aus. 

4. Fügen Sie in die Ziel-URL die URL ein, die Sie auf Slack generiert haben.. 

5. HTTP-Methode POST.

6. Fügen Sie im Anfragekörper den Text und die Parameter hinzu, die Sie an Slack senden möchten.

{“text”: “Neuer Kauf \n email: {{email}} \n transation_id: {{transaction ID}} \n purchase_value: {{transaction ID}}”}

Wenn Sie häufig mit Google Tag Manager arbeiten, gab es sicherlich einen Zeitpunkt, an dem die Datenebene (oder eine andere Variable) von einer Seite Ihrer Website auf eine andere weitergegeben werden musste.

Leider hat Google Tag Manager keine Option, um Daten zu speichern und zwischen den Seiten der Website zu übergeben. Zum Beispiel ist es möglich, eine Benutzer-E-Mail nur dann zu senden, wenn sie auf der Seite vorhanden ist. Aber was, wenn Benutzerdaten auf der Dankeschön-Seite nicht verfügbar sind und nur von der Seite vor der Dankeschön-Seite erfasst werden können?

Mit einem Data Tag können Sie beliebige Variablen speichern, die Sie auf andere Seiten übergeben möchten.

Als Beispiel verwende ich eine Umfrage, die mit Instapage erstellt wurde. Wir mussten ein Lead-Ereignis für die Facebook Conversion API einrichten. Während der Einreichung der Umfrage musste der Benutzer Details wie E-Mail, Telefonnummer, Vorname usw. eingeben. Diese Benutzerinformationen waren auf den Umfrageseiten, jedoch nicht auf der Dankeschön-Seite verfügbar.

Um eine hohe Übereinstimmungsqualität des Ereignisses auf Facebook zu erreichen, sollten Sie Benutzerparameter zusammen mit dem CAPI-Ereignis senden. Deshalb habe ich das Data Tag verwendet, um Benutzerdaten im lokalen Speicher zu speichern. Ich habe ein „Anwendungsdaten-Tag senden“ erstellt, das Benutzerparameter aus der Datenebene entnimmt und sie im lokalen Speicher speichert. Dieses Tag wird ausgelöst, wenn ein Benutzer auf die Schaltfläche zur Einreichung der Umfrage klickt.

Um das Speichern von Daten im Data Tag zu aktivieren, wählen Sie die Speicheroption neben den Daten aus, die Sie speichern möchten.

Dann habe ich einen neuen Variablentyp im Webcontainer hinzugefügt (Sie können ihn über diesen Link herunterladen). Erstellen Sie neue Variablen für alle Daten, die Sie gespeichert haben.

Und schließlich habe ich ein „Lead Data Tag“ erstellt, das die gespeicherten Daten an den Servercontainer sendet.

Sie können den Data Client verwenden, um eingehende Anfragen abzurufen. Um dies zu tun, müssen Sie die Pfadeinstellungen ändern. Dies kann zum Beispiel verwendet werden, um Daten von Webhooks abzurufen. Wir haben diesen Artikel, der beschreibt, wie man eingehende Webhooks verwendet.

Wenn Sie die Data Tag-Anfragen im Servercontainer nicht sehen können, könnte das folgende Gründe haben: Der Data Client ist nicht veröffentlicht. Öffnen Sie den Servercontainer und veröffentlichen Sie den Data Client.

Das Data Tag und der Data Client bieten eine solide Informationsquelle, um die Tags zu speisen, die Sie im Servercontainer verwenden. Mit Hilfe dieses Tags können Sie schneller neue serverseitige Technologien nutzen und das Einrichten von serverseitigem Tagging beschleunigen. Dieses Tag spart sowohl Zeit als auch Kosten für IT und Marketing – ein klarer Gewinn für beide Seiten!