Google Tag Manager - Die Datenschicht

Eine Datenschicht kann als Objekt angesehen werden, das alle Informationen enthält, die mit Google Tag Manager übergeben und verarbeitet werden sollen. Dies ist ein bisschen technisches Konzept. Der Begriff Datenschicht bezeichnet die Datenstruktur, die von Google Tag Manager zum Speichern, Verarbeiten und Weitergeben von Daten zwischen Ihrer Website / Ihrem Blog und dem Tag Manager verwendet wird.

Um dies weiter zu erläutern, kann eine Datenschicht die Daten über Ihren Besucher in Ihr Analysetool einspeisen. Aus einer anderen Perspektive für die Definition ist Data Layer eine Liste von Geschäftsanforderungen und -zielen für jede Teilmenge des digitalen Kontexts.

Nehmen wir ein Beispiel für eine E-Commerce-Website. Zu den geschäftlichen Anforderungen gehören:

  • Transaktionsinformationen mit Details zu dem, was gekauft wurde

  • Besucherdaten, wer gekauft hat

  • Weitere Details zum Kauf, z. B. wo und zu welchem ​​Zeitpunkt der Kauf getätigt wurde

  • Zuletzt die Informationen zu anderen Faktoren, z. B. ob der Besucher die E-Mail-Updates abonniert hat oder nicht

Kurz gesagt, die Datenschicht enthält Informationen, die je nach Bedarf von verschiedenen Tools / Benutzern / Stakeholdern verwendet werden können.

In Google Tag Manager ist dataLayer ein JavaScript-Array. Es besteht aus Schlüssel-Wert-Paaren. Im Folgenden finden Sie ein kurzes Beispiel für dataLayer mit verschiedenen Datentypen:

dataLayer = [{
   'products': [{
      'name': 'Western Cotton',
      'tuning': 'High-G',
      'price': 49.75
   },
   {
      'name': 'Fenda Speakers',
      'tuning': 'Drop-C',
      'price': 199
   }],
   'stores': ['Hyderabad', 'Bangloer],
   'date': Sat Sep 13 2017 17:05:32 GMT+0530 (IST),
   'employee': {'name': 'Raghav}
}];

Hier haben wir verschiedene Werte wie ein Array von Objekten (die Produkte), numerische Werte (den Preis), ein Array von Zeichenfolgen (Speichern), ein Datumsobjekt und ein Objekt (Name).

Wenn Sie den Google Tag Manager-Containercode in Ihre Website einfügen, wird die Datenschicht automatisch erstellt.

An sich ist die Datenschicht ein ziemlich komplexes Konzept, das auf den ersten Blick zu verstehen ist. Dieses Kapitel bietet weitere Einblicke in die Interaktion mit der Datenschicht.

Datenschichtereignisse

Ein schnelles Beispiel für ein Ereignis auf Datenebene kann ein Newsletter-Anmeldeformular sein, das mit automatischen GTM-Listenern nicht einfach verfolgt werden kann. Ein Website-Entwickler kann Sie dabei unterstützen, ein Datenschichtereignis zu pushen, sobald ein neuer Abonnent seine E-Mail-Adresse auf Ihrer Website eingegeben hat. Der Code dieses Ereignisses sollte folgendermaßen aussehen:

push({‘event’: ‘new_subscriber’});

Bei Bedarf können Sie Ihren Entwickler um weitere Informationen bitten, z. B. um den Speicherort des Formulars. Dies ist erforderlich, wenn Ihre Website mehr als ein Formular enthält. Dies kann mit dem folgenden Code erreicht werden.

window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
   'formLocation': ‘footer’,
   'event': new_subscriber
});

Außerdem überträgt Google Tag Manager standardmäßig einen bestimmten Satz von Werten an die Datenschicht von Webanwendungen. Diese Werte sind -

  • gtm.js - Wird in die Datenschicht verschoben, sobald Google Tag Manager zur Ausführung bereit ist

  • gtm.dom - Wird in die Datenschicht verschoben, wenn das DOM bereit ist

  • gtm.load - Wird auf die Datenschicht verschoben, wenn das Fenster vollständig geladen ist

Überprüfen der Datenschicht

Wie wir bereits wissen, gibt es bestimmte Ereignisse, die durch Interaktion auf dem Bildschirm entstehen.

Betrachten wir zum Beispiel dieses einfache Ereignis beim Laden von Seiten. Um die Ereignisse anzeigen zu können, muss der Debugger ausgeführt werden. Wenn Sie den Debugger ausgeführt haben (im Vorschaumodus), besuchen Sie den Blog. Wenn Sie sich das Zusammenfassungsfenster in der unteren linken Ecke ansehen, sehen Sie Folgendes:

Step 1 - Klicken Sie auf Fenster geladen und dann auf Datenschicht.

Die auf der Registerkarte Datenebene angezeigten Informationen beziehen sich auf das Ereignis "Fenster geladen".

Es wird angezeigt als - {event: 'gtm.load', gtm.uniqueEventId: 3}

Wenn Sie genauer hinschauen möchten, müssen Sie die Unterstützung von der Konsolenregisterkarte von Chrome in Anspruch nehmen. Das Überprüfen einer Datenschicht wird einfach, wenn Sie wissen, wie Sie den Chrome-Debugger richtig verwenden.

Step 2- Wenn Sie sich in Ihrem Blog befinden, klicken Sie mit der rechten Maustaste auf einen beliebigen Teil der Seite. Klicken Sie im angezeigten Kontextmenü auf Überprüfen. Das Bedienfeld wird auf der rechten Seite des Bildschirms angezeigt, wobei die Registerkarte Elemente aktiviert ist.

Step 3- Klicken Sie auf Konsole. Klicken Sie im Konsolenmodus auf das Symbol in der oberen linken Ecke, um alle angezeigten Nachrichten zu löschen. Siehe den folgenden Screenshot als Referenz.

Step 4- Wenn das Fenster für vorherige Nachrichten gelöscht wurde, geben Sie dataLayer ein und stellen Sie sicher, dass die Großschreibung für L erfolgt. Dieser Name wird von Google Tag Manager für die Datenschicht bereitgestellt. Ihre Entwickler können ihm jedoch bei Bedarf einen anderen Namen zuweisen.

Step 5- Drücken Sie nach dataLayer die Eingabetaste. Es werden die folgenden Details angezeigt.

Es gibt drei Objekte, und jedes Objekt enthält einige Informationen. Diese Objekte sind möglicherweise nicht dieselben für Sie, wie im obigen Screenshot gezeigt. Der dataLayer ist konfigurierbar und es liegt in der Kontrolle des Entwicklers, ihn gemäß den Anforderungen zu konfigurieren.

Die vorhandenen Werte sind auf das Blogger-Gadget zurückzuführen, das an dieser bestimmten Position / Stelle verwendet wird. Dies ist der Grund, warum es dort bestimmte Informationen gibt.

Wenn Sie sich Objekt 1 ansehen, werden Sie feststellen, dass das Ereignis, das ausgelöst wird, - gtm.dom ist . Es wird von GTM beim Laden der Seite ausgelöst.

Auf diese Weise können Sie die Datenschicht überprüfen und bei Bedarf Informationen hinzufügen.

Variablen in der Datenschicht

Nachdem wir mit der Datenschicht vertraut sind, versuchen wir, eine der Variablen mithilfe der Google Tag Manager-Oberfläche zu lesen.

Hier werden wir versuchen, das Ereignis mithilfe einer Datenschichtvariablen zu lesen.

Wenn wir die obige Abbildung sehen, enthält das variable Ereignis die Datei gtm.dom . Wir werden eine Variable über die GTM-Oberfläche erstellen und sehen, wie sie sich auf der Registerkarte "Variablen" unter Google Tag Manager widerspiegelt.

Step 1- Wechseln Sie in der Google Tag Manager-Oberfläche zu Variablen. Scrollen Sie nach unten zu den benutzerdefinierten Variablen. Klicken Sie auf NEU.

Step 2 - Geben Sie dieser neuen Variablen einen Namen, nennen wir sie varEvent.

Step 3 - Klicken Sie auf Variablentyp auswählen, um mit der Einrichtung zu beginnen.

Step 4 - Wählen Sie Datenschichtvariable aus der Liste aus.

Step 5 - Wenn Sie Datenschichtvariable auswählen, müssen Sie den Namen und die Version angeben.

Dieser Name stammt aus der eigentlichen Datenschicht von Google Tag Manager. Wie bereits erwähnt, ist die Variable, die wir verfolgen werden, - event.

Step 6 - Geben Sie das Ereignis in den Namen der Datenschichtvariablen ein.

Step 7 - Klicken Sie auf SPEICHERN.

Step 8 - Klicken Sie auf Vorschau, um die Änderungen im Debugger anzuzeigen.

Step 9- Klicken Sie nach dem Laden der Seite auf Fenster geladen und dann auf Variablen. Scrollen Sie zum Ende des Abschnitts "Variablen", um varEvent zu sehen, wie im obigen Screenshot hervorgehoben.

Wie im obigen Screenshot zu sehen ist, lautet der Wert gtm.load.

Auf diese Weise kann man die Datenschicht untersuchen und die Werte in der Datenschicht nach Bedarf erfassen.