de en

Data Layer in Google Analytics 4

Was ist Data Layer?

Data Layer ist eines der wichtigsten Konzepte, die man beim Webtracking verstehen muss, insbesondere wenn man mit dem Google Tag Manager arbeitet. Es handelt sich um einen unsichtbaren, virtuellen “Container” oder Layer, der wichtige Datenpunkte (Produkt-ID, Kunden-ID, Informationen über ein Klickelement usw.) vorübergehend speichert. In seiner technischen Definition ist der Data Layer 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 verlässt sich der Google Tag Manager in hohem Maße auf den Data Layer, um bestimmte benutzerdefinierte Events (wie z. B. die Kaufverfolgung) zu verfolgen, und ist die “Quelle”, auf die er angewiesen ist, um Datenpunkte von Ihrer Website zu lesen und sie dann an andere Tools wie Facebook Pixel, Google Ads und Google Analytics zu senden.

Wie funktioniert der Google Tag Manager Data Layer?

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

Wie fügt man Daten in dem Data Layer ein?

Wir haben also darüber gesprochen, was der Data Layer ist. Sie werden sich vielleicht fragen, wie der verwendet wird und woher diese Daten kommen, im Grunde genommen, wie die Daten in dem Data Layer übertragen werden?

Denken Sie daran, dass der GTM-Container einen leeren Data Layer erstellt hat. Daher muss dieser mit Daten gefüllt werden, die später vom Google Tag Manager verwendet werden können, um benutzerdefinierte Events zu verfolgen. Es gibt zwei Möglichkeiten, dies zu tun (der Data Layer wird mit Daten gefüllt, die automatisch verfolgt werden, aber wir werden 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 möglicherweise nicht damit vertraut, was ein Data Layer ist. Deshalb ist es am besten, bei der Einrichtung des Data Layers zusammenzuarbeiten. Der Entwickler kümmert sich um die technische Umsetzung der Events, die Sie verfolgen möchten. Wenn Sie sich jedoch mit dem Backend-Code Ihrer Website gut auskennen, können Sie auch allein vorgehen.

1. Data Layer declaration

Die erste Methode wird als data layer declaration bezeichnet. Mit dieser Methode fügen Sie den Data Layer vor dem GTM-Container-Snippet ein, was etwa so aussehen würde

Diese Methode wird also nur sehr selten angewandt und nicht empfohlen, trotzdem möchten wir sie deutlich erklären. 

Erstens ist es eine sehr eingeschränkte Methode, da sie oberhalb des GTM-Containers hinzugefügt werden muss. Im Grunde bedeutet dies, dass Sie einen Data Layer definieren, in dem bestimmte Variablen gespeichert werden, die der Google Tag Manager dann abrufen und an Google Analytics 4 übertragen kann. Stellen Sie sich vor, Sie möchten bestimmte Variablen ändern, die Sie im Data Layer definiert haben, oder bestimmte Werte aktualisieren, wenn Sie den Data Layer unterhalb des Containers neu implementieren, werden Sie den als neues Array neu definieren und alles überschreiben, was Sie zuvor eingerichtet haben. Dadurch wird Ihr gesamtes Tracking-Setup zerstört.

2. Data Layer Push Method

Die Methode datalayer.push ermöglicht es Ihnen, den Data Layer an einer beliebigen Stelle im Code einzufügen (vor oder nach dem GTM-Container-Snippet), ohne dass Ihre Tracking-Tags gestoppt werden. Und es würde in etwa so aussehen:

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

window.dataLayer.push ({})

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

Sie sehen also, dass bei dieser Methode zuerst der Data Layer aufgerufen wird und dann eine Push-Anforderung hinzugefügt wird, um Informationen in den bestehenden Data Layer zu schieben oder hinzuzufügen. Normalerweise werden Daten oder Variablen in dem Data-Layer in “pairs” geliefert. Sie haben einen variable key und Value für diesen key. Schauen wir uns das folgende Beispiel an. Nehmen wir an, Sie möchten Newsletter-Abonnements verfolgen. Die Form-Tracking-Methode funktioniert möglicherweise nicht bei Abonnements, Sie können das Abonnement auch mit einem Click-Event erfassen, aber Sie können Ihren Entwickler auch bitten, dieses Event in dem Data Layer zu pushen, wenn es auf der Website auftritt.

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

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

Mit diesem Statement wird der Event Key an den Data Layer weitergegeben, und der Value dieses Schlüssels ist “new_subscription_complete”.

Dieses Event kann dann als benutzerdefinierter Auslöser (Custom Event Trigger) verwendet werden, um ein Tracking-Tag für dieses Event auszulösen.

E-Commerce-Objekt und -Variablen (Beispiel eines Kauf-Events)

Normalerweise wird der Data Layer vor allem zur Verfolgung eines E-Commerce Funnels verwendet. Google Analytics verfolgt E-Commerce-Ereignisse nicht automatisch, daher werden Events wie (in den Warenkorb legen, zur Kasse gehen, kaufen) manuell konfiguriert und in den Data Layer übertragen. In diesem Artikel werden wir nicht in die technische Einrichtung eines E-Commerce-Objekts im Data Layer eintauchen, sondern Ihnen zeigen, wie ein “Kauf”-Event zum Beispiel aussehen könnte und wie Sie wertvolle Informationen zur Verwendung im Google Tag Manager extrahieren können.  

Wenn Sie bereits ein E-Commerce-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 E-Commerce-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 des Data Layers. In unserem Beispiel zeigen wir also, wie ein E-Commerce-Event im Data Layer 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 “nested” Objekte haben, ecommerce, purchase und actionField. Innerhalb dieser Objekte gibt es Variablen (denken Sie daran, dass Variablen in “pairs” definiert sind, d. h. ein Key und ein Value), die zu extrahieren sind.

Wir sehen auch, dass das Event “analyzify_purchase” in den Data Layer verschoben wurde. Um das Event zunächst zu verfolgen, müssen wir einen Trigger einrichten, der ein Tracking-Tag auslöst. Wir können ihn als benutzerdefinierten Event-Auslöser verwenden. Denken Sie daran, dass der Name des Ereignisses genau mit dem Namen des geschobenen Ereignisses übereinstimmen muss.

Dann setzen wir ein Tag, das unter dieser Bedingung ausgelöst wird. Aber bevor wir das tun, wollen wir sehen, wie wir einige der wichtigen Variablen oder “Daten” aus dem Data Layer extrahieren und an GA4 weiterleiten können.

Wie bereits erwähnt, können Sie bei der Migration zu Google Analytics 4 weiterhin den Data Layer für E-Commerce verwenden, den 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. Es sieht also wie folgt aus: ecommerce.purchase.actionField.id 

Wie Sie sehen, durchsuchen wir die Objekte mit dem “.”-Operator, bis wir den gewünschten Key erreichen. Danach kehren wir zum Google Tag Manager zurück und richten diese Variable ein. 

Wir müssen eine Data Layer-Variable konfigurieren, da wir die Daten aus diesem Bereich extrahieren.

Sie können sich wahrscheinlich schon vorstellen, wie Sie die anderen Variablen erhalten. ecommerce.purchase.actionField.revenue.xxx (xxx ist die Variable, die Sie benötigen).

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 Kauf-Events eingerichtet haben.

Die Tag-Konfiguration sieht dann etwa so aus: 

Wir leiten alle Event-Parameter an GA4 weiter. Um abschließend sicherzustellen, dass alle Variablen ordentlich eingerichtet sind, gehen Sie zum Abschnitt Variablen im GTM-Vorschaumodus und überprüfen Sie, ob die Ergebnisse korrekt angezeigt werden. Wie Sie unten sehen können, zeigen die Variablen tatsächlich genau die gleichen Werte wie die Variablen im Data Layer.

Schlussbemerkungen

Der Data Layer ist ein sehr wichtiges Konzept, das man verstehen muss, wenn man sich mit Web-Tracking beschäftigt. Je mehr Sie sich mit dem Data Layer vertraut machen, desto nützlicher werden Sie diesen finden. Es mag ein wenig schwierig und zu technisch erscheinen, aber es ist wichtig, es zu verstehen. Sobald Sie wissen, wie Sie Daten in den Data Layer einspeisen können, haben Sie viel mehr Flexibilität bei der Verfolgung von benutzerdefinierten Events 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!

Related posts