Data Layer in Google Analytics 4

Data Layer ist eines der wichtigsten Konzepte, die man beim Webtracking verstehen muss, insbesondere wenn man mit Google Tag Manager arbeitet. Es handelt sich um einen unsichtbaren, virtuellen “Container” oder eine Schicht, in der wichtige Datenpunkte (Produkt-ID, Kunden-ID, Informationen ├╝ber ein Klickelement usw.) vor├╝bergehend gespeichert werden.

Verlieren Sie keine Zeit mehr – jetzt auf GA4 wechseln!

Day(s)

:

Hour(s)

:

Minute(s)

:

Second(s)

Was ist Data layer?

Technisch gesehen ist die Datenschicht ein JavaScript-Array. Sie k├Ânnen also Elemente aus dem Array extrahieren und sie als Ausl├Âser und Variablen verwenden, die bei der Verfolgung benutzerdefinierter Informationen auf Ihrer Website helfen. Tats├Ąchlich st├╝tzt sich Google Tag Manager stark auf die Datenebene, um bestimmte benutzerdefinierte Ereignisse zu verfolgen (z. B. eCommerce-Tracking), und ist die “Quelle”, von der es abh├Ąngt, um Datenpunkte von Ihrer Website zu lesen und sie dann an andere Tools wie Facebook Pixel, Google Ads und Google Analytics zu senden. Es ist das “Brot und Butter” von GTM.

Wie funktioniert der Google Tag Manager Data Layer?

 

Dies ist ein Beispiel f├╝r ein Google Tag Manager-Container-Snippet, das im Header des Quellcodes platziert werden sollte, um mit der Verfolgung von Ereignissen zu beginnen. Beachten Sie, dass im Code des Snippets eine Datenschicht erstellt wird. Sobald Sie das JavaScript-Snippet des Google Tag Manager-Containers in den Kopf des Quellcodes Ihrer Website implementieren, wird die Datenebene automatisch erstellt. Wenn Ihre Website jedoch bereits ├╝ber eine Datenebene verf├╝gt, passt sich der Snippet-Code an diese an und verwendet sie.

WIE F├ťGT MAN DATEN IN DIE DATENEBENE EIN?

Wir haben also dar├╝ber gesprochen, was die Datenschicht ist. Sie werden sich vielleicht fragen, wie sie verwendet wird und woher die Daten kommen, d.h. wie werden die Daten in die Datenschicht eingef├╝gt?

Denken Sie daran, dass der GTM-Container eine leere Datenschicht erzeugt hat. Daher muss sie mit Daten gef├╝llt werden, die sp├Ąter vom Google Tag Manager verwendet werden k├Ânnen, um benutzerdefinierte Ereignisse zu verfolgen.
Es gibt zwei M├Âglichkeiten, dies zu tun (die Datenebene wird mit Daten gef├╝llt, die automatisch getrackt werden, wir werden jedoch erkl├Ąren, wie man zus├Ątzliche Daten einf├╝gt).

Seien Sie vorsichtig
Dies erfordert technische Kenntnisse bei der Manipulation des Quellcodes einer Website. Ihr Webentwickler ist vielleicht nicht damit vertraut, was eine Datenebene ist. Deshalb ist es am besten, wenn Sie bei der Einrichtung der Datenebene zusammenarbeiten. Der Entwickler k├╝mmert sich um die technische Umsetzung der Ereignisse, die Sie verfolgen m├Âchten. Wenn Sie sich jedoch mit dem Backend-Code Ihrer Website gut auskennen, k├Ânnen Sie auch allein vorgehen.

data).

1. Data Layer Deklaration

Die erste Methode wird als Datenschichtdeklaration bezeichnet. Bei dieser Methode f├╝gen Sie die Datenschicht vor dem GTM-Container-Snippet ein, und es w├╝rde etwa so aussehen:

Diese Methode wird sehr selten verwendet und wird nicht empfohlen, aber wir wollten sie einfach klar erkl├Ąren.

Erstens ist es eine sehr eingeschr├Ąnkte Methode, da sie oberhalb des GTM-Containers hinzugef├╝gt werden muss. Im Grunde bedeutet es, dass Sie eine Datenschicht definieren, in der bestimmte Variablen, die der Google Tag Manager dann abrufen und an Google Analytics 4 ├╝bertragen kann, bereits beim Laden von GTM gegeben sind. Stellen Sie sich vor, Sie m├Âchten bestimmte Variablen, die Sie in der Datenebene definiert haben, ├Ąndern oder bestimmte Werte aktualisieren, wenn Sie sie unterhalb des Containers neu implementieren, werden Sie die Datenebene als neues Array neu definieren und alles ├╝berschreiben, was Sie zuvor eingerichtet haben. Dies kann m├Âglicherweise Ihre gesamte Verfolgungseinrichtung zerst├Âren.

2. Data Layer Push-Methode

Die datalayer.push-Methode erm├Âglicht es Ihnen, die Datenschicht an einer beliebigen Stelle im Code hinzuzuf├╝gen (vor oder nach dem GTM-Container-Snippet), ohne dass dadurch Ihre Tracking-Tags gestoppt werden. Und das w├╝rde etwa so aussehen:

window.datalayer = window.dataLayer || [];

window.dataLayer.push ({})

Dies ist nur die eigentliche Anweisung (wie in der ersten Methode gezeigt)

Sie sehen also, dass bei dieser Methode zuerst die Datenschicht aufgerufen wird und dann eine Push-Anforderung hinzugef├╝gt wird, um Informationen in die bestehende Datenschicht zu schieben oder hinzuzuf├╝gen. Normalerweise werden Daten oder Variablen in der Datenschicht in “Paaren” geliefert. Sie haben einen Variablenschl├╝ssel und einen Wert f├╝r diesen Schl├╝ssel. Schauen wir uns das folgende Beispiel an. Nehmen wir an, Sie m├Âchten Newsletter-Abonnements verfolgen. Die Formularverfolgungsmethode funktioniert m├Âglicherweise nicht bei Abonnements, Sie k├Ânnten das Abonnement auch mit einem Klick-Ereignis abfangen, aber Sie k├Ânnen Ihren Entwickler auch bitten, dieses Ereignis in die Datenschicht zu ├╝bertragen, wenn es auf der Website auftritt.

window.datalayer = window.dataLayer || [ ];

window.dataLayer.push ({
‘event ‘ : ‘ new_subscription_complete’
})

Mit dieser Anweisung wird der Schl├╝ssel “event” an die Datenschicht ├╝bertragen, und der Wert dieses Schl├╝ssels ist “new_subscription_complete”. Dieses Ereignis kann dann als benutzerdefinierter Ausl├Âser (benutzerdefinierter Ereignisausl├Âser) verwendet werden, um ein Tracking-Tag f├╝r dieses Ereignis auszul├Âsen.

E-COMMERCE-OBJEKT UND VARIABLEN (BEISPIEL F├ťR EIN KAUFEREIGNIS)

Normalerweise wird die Datenebene haupts├Ąchlich zur Verfolgung eines eCommerce-Trichters verwendet. Google Analytics verfolgt eCommerce-Ereignisse nicht automatisch, daher werden Ereignisse wie “In den Warenkorb legen”, “Mit dem Checkout beginnen” und “Kaufen” manuell konfiguriert und in die Datenebene ├╝bertragen. In diesem Artikel werden wir nicht auf die technische Einrichtung eines eCommerce-Objekts in der Datenebene eingehen, sondern Ihnen zeigen, wie ein “Kauf”-Ereignis beispielsweise aussehen k├Ânnte und wie Sie wertvolle Informationen zur Verwendung im Google Tag Manager extrahieren k├Ânnen.

Wenn Sie bereits ein eCommerce-Objekt in Universal Analytics (UA) eingerichtet haben, k├Ânnen Sie es auch bei der Migration zu Google Analytics 4 f├╝r die Einrichtung von Tags verwenden. Die Struktur des eCommerce-Objekts unterscheidet sich ein wenig zwischen den beiden Analytics-Versionen, aber wie bereits erw├Ąhnt, geht es in diesem Artikel haupts├Ąchlich um das Verst├Ąndnis der Datenebene. In unserem Beispiel zeigen wir also, wie ein eCommerce-Kaufereignis in der Datenebene in UA aussehen k├Ânnte und wie man auf die verschiedenen Variablen zugreift.

In Javascript bezeichnen die {} ein Objekt. Wir k├Ânnen sehen, dass wir drei “verschachtelte” Objekte haben, ecommerce, purchase und actionField. Innerhalb dieser Objekte gibt es Variablen (denken Sie daran, dass Variablen in “Paaren” definiert sind, d. h. ein Schl├╝ssel und ein Wert), die zu extrahieren sind.

Wir sehen auch, dass das Ereignis “analyzify_purchase” in die Datenschicht verschoben wurde. Um das Ereignis zun├Ąchst zu verfolgen, m├╝ssen wir einen Ausl├Âser einrichten, der ein Tracking-Tag ausl├Âst. Wir k├Ânnen ihn als benutzerdefinierten Ereignisausl├Âser verwenden. Denken Sie daran, dass der Name des Ereignisses genau mit dem Namen des geschobenen Ereignisses ├╝bereinstimmen muss.

Dann legen wir einen Tag fest, der unter dieser Bedingung ausgel├Âst wird (auch bekannt als “Wenn dieses Ereignis eintritt”). Doch bevor wir das tun, wollen wir sehen, wie wir einige der wichtigen Variablen oder “Daten” aus der Datenebene extrahieren und an GA4 weiterleiten k├Ânnen.

Wie bereits erw├Ąhnt, k├Ânnen Sie bei der Migration zu Google Analytics 4 weiterhin die eCommerce-Datenebene verwenden, die Sie in der vorherigen Version eingerichtet haben. Nehmen wir an, wir m├Âchten die Transaktions-ID abrufen und in einer Variablen speichern. Um auf sie zuzugreifen, m├╝ssen wir auf alle drei Objekte zugreifen, da sie im dritten Objekt liegt. Das sieht dann so aus: ecommerce.purchase.actionField.id Wie Sie sehen, “bohren” wir uns mit dem Operator “.” durch die Objekte, bis wir den gew├╝nschten Schl├╝ssel erreichen. Gehen wir nun zur├╝ck zum Google Tag Manager und richten diese Variable ein.

Wir m├╝ssen eine Datenschichtvariablenkonfiguration festlegen, da wir die Daten von dort extrahieren.

Sie k├Ânnen sich wahrscheinlich schon denken, wie Sie die anderen Variablen erhalten. ecommerce.purchase.actionField.revenue.xxx (xxx ist die gew├╝nschte Variable).

Au├čer dem actionField-Objekt gibt es noch das Products-Array (definiert durch [ ]), das selbst ein Objekt enth├Ąlt. [ { } ]
Um das Produkt-Array auszuw├Ąhlen, w├Ąhlen Sie ecommerce.purchase.products

Nachdem wir nun alle unsere Variablen eingerichtet haben, kehren wir zu unserem urspr├╝nglichen Tag zur├╝ck, den wir zur Verfolgung des Kaufereignisses eingerichtet haben.

Die Konfiguration des Tags sieht in etwa so aus:

Wir leiten alle Ereignisparameter an GA4 weiter. Um abschlie├čend sicherzustellen, dass alle Variablen ordnungsgem├Ą├č eingerichtet sind, gehen Sie im GTM-Vorschaumodus zum Abschnitt Variablen und ├╝berpr├╝fen Sie, ob sie korrekte Ergebnisse anzeigen. Wie Sie unten sehen k├Ânnen, zeigen die Variablen tats├Ąchlich genau die gleichen Werte wie die Variablen in der Datenebene.

Abschlie├čende Anmerkungen

Die Datenebene ist ein sehr wichtiges Konzept, das man verstehen muss, wenn man sich mit Web-Tracking besch├Ąftigt. Je mehr Sie sich mit der Datenebene vertraut machen, desto n├╝tzlicher werden Sie sie finden. Es mag ein wenig schwierig und zu technisch erscheinen, aber es ist wichtig, es zu verstehen. Wenn Sie erst einmal wissen, wie Sie Daten in die Datenschicht einf├╝gen k├Ânnen, haben Sie viel mehr Flexibilit├Ąt bei der Verfolgung sehr individueller Ereignisse auf Ihrer Website. Wenn Sie Hilfe oder Beratung bei der Einrichtung von Google Analytics 4, Google Tag Manager oder der Konfiguration einer kompletten Dateninfrastruktur f├╝r Ihr Unternehmen ben├Âtigen, sind wir nur einen Klick entfernt!

Neueste Beitr├Ąge

Stehen Sie vor ├Ąhnlichen Herausforderungen?

Wir w├╝rden uns freuen, mit Ihnen zu besprechen, wie wir Sie am besten unterst├╝tzen k├Ânnen. Z├Âgern Sie nicht, ein kostenloses Beratungsgespr├Ąch zu einem Termin Ihrer Wahl zu vereinbaren!