Stape
Suche
Kostenlos ausprobieren

Das Dataversenden vom Google Tag Manager Web Container zum Server Container

Aktualisiert
27. Nov. 2024
Veröffentlicht
1. Apr. 2021
Auch erhältlich

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.

So senden Sie Daten vom Google Tag Manager Web-Container an den Server-Container:

1. Öffnen Sie den Bereich „Templates“ in Ihrem Google Tag Manager Web-Container und fügen Sie Data Tag aus der Template Gallery hinzu.

2. Öffnen Sie den Bereich „Tags“, klicken Sie auf „Neu“ und konfigurieren Sie den Data Tag.

configure the Data Tag

3. Konfigurieren Sie den Data Tag für das Pageview-Ereignis:

a. Wählen Sie den Ereignisnamen. Sie können entweder einen Standard-Ereignisnamen auswählen, einen benutzerdefinierten Ereignisnamen hinzufügen oder einen dynamischen Ereignisnamen mit der {{Event}}-Variable hinzufügen. 

b. Fügen Sie die GTM-Server-URL hinzu und klicken Sie auf „Speichern“. Sie finden Ihre GTM-Server-URL in Ihrem stape.io-Konto, indem Sie den sGTM-Container öffnen und den Bereich „Domain“ überprüfen.

c. Die Funktion 'Send all from the DataLayer' sendet alle Informationen, die Sie in der Web-GTM-Datenebene haben, an die Ereignisdaten des Server-GTM.

d. Gemeinsame Daten senden. Fügt der Anfrage die folgenden Parameter hinzu: page_location, page_path, page_hostname, page_referrer, page_title, page_encoding, screen_resolution, viewport_size.

e. Zustimmungsstatus hinzufügen. Fügt das consent_state-Objekt zur Anfrage hinzu, einschließlich der folgenden Eigenschaften: ad_storage, analytics_storage, functionality_storage, personalization_storage, security_storage.

f. Ereignisdaten. Ermöglicht das Hinzufügen beliebiger manueller Daten zur Anfrage. Sie können auch Transformationen (wie Hashing, Kürzen usw.) anwenden oder Daten speichern.

g. Benutzerdaten. Ermöglicht das Senden von Benutzerparametern sowie das Anwenden von Transformationen oder Speichern von Daten.

data tag configuration - stape

4. Konfigurieren Sie das Daten-Tag für andere Ereignisse. Das folgende Beispiel zeigt, wie E-Commerce-Ereignisse konfiguriert werden, wenn Data Layer verfügbar ist. 

data tag configuration - stape

Dieses Tag löst jedes E-Commerce-Ereignis in der Datenschicht aus. Da alle meine E-Commerce-Ereignisse mit _stape enden, verwende ich einen regulären Ausdruck, der alle Ereignisse enthält, die _stape enthalten. 

triggers each e-commerce event in the Data Layer

Beispiel für die Variable, die Benutzerdaten aus der Datenschicht extrahiert.

Example of the variable that extracts user data from the Data Layer. 
Download Data Client from the GitHub

6. Öffnen Sie den Google Tag Manager-Container Ihres Servers.

Gehen Sie zur Registerkarte Vorlagen → klicken Sie im Abschnitt Clients auf Neu

Go to Templates tab →  Click New under the Clients section. 

7. Klicken Sie auf die drei Punkte in der oberen rechten Ecke → Import Data Client (von GitHub heruntergeladen) → klicken Sie auf Speichern. 

three dots on the top right corner → Import Data Client

8. Gehen Sie zur Registerkarte Clients und klicken Sie auf Neu. Wählen Sie Data Client. Klicken Sie auf Speichern

Import Data Client

9. Öffnen Sie die Web- und Server-GTM-Debugger und testen Sie die Einrichtung. Daten-Tag sollte im Web-GTM-Container ausgelöst und Daten-Client-analysierte Daten-Tag-Anforderungen im sGTM angezeigt werden.

web and server GTM debuggers
web and server GTM debuggers

Data Tag Anwendungsfälle

1. Datenebene vom Web- zum Servercontainer

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.

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.

send data from web gtm to Server GTM 

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.

2. Benutzerdaten an die Facebook Conversion API senden

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.

send user data from web to Server GTM

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.

3. Senden Sie benutzerdefinierte Daten vom Webcontainer an andere Server

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. Stellen Sie sicher, dass Sie die korrekten Informationen vom Google Tag Manager-Webcontainer mit dem Data Tag senden.

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}}”}

4. Daten speichern

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.

store user data in cookies web google tag manager

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.

5. Abrufen von eingehenden Anfragen

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.

prices incoming requests in the server container

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.

Fazit

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 Tracking- und Technologien implementieren. Dieses Tag spart sowohl Zeit als auch Kosten für IT und Marketing – ein klarer Gewinn für beide Seiten!

Tagged with:gtm server

Probieren Sie Stape für alles rund um Server-seitigejetzt!