9.3 Google Tag-Manager-Variablen konfigurieren

Gehen Sie zu https://tagmanager.google.com/ und melden Sie sich mit Ihren persönlichen Anmeldedaten an.

Nach dem Erstellen und Konfigurieren des Google Analytics-Tags können wir nun Google Tag Manager-Variablen konfigurieren (wie die Datenelemente, die wir beim Start der Adobe verwenden).

Wechseln Sie in der Benutzeroberfläche des Google Tag-Managers zu Variablen. Sie sehen die Liste der integrierten Variablen.

Google Tag Manager-Einrichtung

Die erste Variable, die wir hinzufügen müssen, heißt customerEmail. Wenn ein Kunde ein Profil auf der Plattform-Demo-Website erstellt, verknüpfen wir die E-Mail-Adresse des Kunden mit seinem Profil in Platform.
Auf der Plattform-Demo-Website werden Informationen häufig im localStorage gespeichert. Um darauf zugreifen zu können, benötigen wir ein benutzerdefiniertes Javascript, um die Google Tag-Manager-Variable zu füllen.

Klicken Sie im Abschnitt Benutzerdefinierte Variablen - auf Neu:

Google Tag Manager-Einrichtung

Google Tag Manager-Einrichtung

Benennen Sie zuerst "Unbenannte Variable"in einen aussagekräftigeren Namen um:

Unbenannte Variable
customerEmail

Klicken Sie dann auf den Teil "Konfiguration", damit Sie einen Variablentyp auswählen können.

Google Tag Manager-Einrichtung

Wählen Sie diese.

Variablentyp
Benutzerdefiniertes JavaScript

Google Tag Manager-Einrichtung

Dies ist der benutzerdefinierte Code, der im folgenden Bildschirm eingegeben werden soll:

function() {
  var email = localStorage.getItem("email");
  return email;
}

Nach dem Einfügen des Codes sieht Ihr Bildschirm so aus.
Google Tag Manager-Einrichtung

Klicken Sie auf Speichern , um die neue Variable zu speichern.

Google Tag Manager-Einrichtung

Ihr seid Bildschirm wird so aussehen.

Google Tag Manager-Einrichtung

Bei den nächsten Variablen wiederholen Sie diesen Vorgang:

  • Klicken Sie im Abschnitt Benutzerdefinierte Variablen auf Neu.
  • Rename the Untitled Variable
  • Wählen Sie Benutzerdefiniertes JavaScript als Konfigurationstyp
  • JavaScript-Code einfügen
  • Klicken Sie auf Speichern , um die neue Variable zu speichern.

Die nächste Variable wird customerMobileNrangezeigt. Wenn ein Kunde ein Profil auf der Plattform-Demo-Website erstellt, verknüpfen wir die Mobiltelefonnummer des Kunden mit seinem Profil in Platform.

Klicken Sie im Abschnitt Benutzerdefinierte Variablen - auf Neu.

  • Umbenennen Untitled Variable in customerMobileNr
  • Wählen Sie Benutzerdefiniertes JavaScript als Variablentyp
  • Fügen Sie diesen benutzerspezifischen JavaScript-Code ein:
function() {
  var mobilenr = localStorage.getItem("mobilenr");
  return mobilenr;
}

Ihr Bildschirm sollte so aussehen.

Google Tag Manager-Einrichtung

Klicken Sie auf Speichern , um die neue Variable zu speichern.

Google Tag Manager-Einrichtung

Die nächste Variable wird customerFirstNameangezeigt. Wenn ein Kunde ein Profil auf der Plattform-Demo-Website erstellt, verknüpfen wir den Vornamen des Kunden mit dem Profil seines Kunden in Platform.

Klicken Sie im Abschnitt Benutzerdefinierte Variablen - auf Neu.

  • Umbenennen Untitled Variable in customerFirstName
  • Wählen Sie Benutzerdefiniertes JavaScript als Variablentyp
  • Fügen Sie diesen benutzerspezifischen JavaScript-Code ein:
function() {
  var firstname = localStorage.getItem("firstname");
  return firstname;
}

Ihr Bildschirm sollte so aussehen.

Google Tag Manager-Einrichtung

Klicken Sie auf Speichern , um die neue Variable zu speichern.

Google Tag Manager-Einrichtung

Weiter: customerLastName. Wenn ein Kunde ein Profil auf der Plattform-Demo-Website erstellt, verknüpfen wir den Nachnamen des Kunden mit dem Profil seines Kunden in Platform.

Klicken Sie im Abschnitt Benutzerdefinierte Variablen - auf Neu.

  • Umbenennen Untitled Variable in customerLastName
  • Wählen Sie Benutzerdefiniertes JavaScript als Variablentyp
  • Fügen Sie diesen benutzerspezifischen JavaScript-Code ein:
function() {
  var lastname = localStorage.getItem("lastname");
  return lastname;
}

Ihr Bildschirm sollte so aussehen.

Google Tag Manager-Einrichtung

Klicken Sie auf Speichern , um die neue Variable zu speichern.

Google Tag Manager-Einrichtung

Weiter: aepTenantId. Wenn ein Kunde ein Profil auf der Plattform-Demo-Website erstellt, verknüpfen wir den Nachnamen des Kunden mit dem Profil seines Kunden in Platform.

Klicken Sie im Abschnitt Benutzerdefinierte Variablen - auf Neu.

  • Umbenennen Untitled Variable in aepTenantId
  • Wählen Sie Benutzerdefiniertes JavaScript als Variablentyp
  • Fügen Sie diesen benutzerspezifischen JavaScript-Code ein:
function() {
  var aepTenantId = localStorage.getItem("aepTenantId");
  return aepTenantId;
}

Ihr Bildschirm sollte so aussehen.

Google Tag Manager-Einrichtung

Klicken Sie auf Speichern , um die neue Variable zu speichern.

Google Tag Manager-Einrichtung

Weiter: customerLoggedIn. Wenn ein Kunde auf der Plattform-Demo-Website angemeldet ist, setzen wir diese Variable auf Ja und verwenden diese Bedingung in einer Startregelkonfiguration.

Klicken Sie im Abschnitt Benutzerdefinierte Variablen - auf Neu.

  • Umbenennen Untitled Variable in customerLoggedIn
  • Wählen Sie Benutzerdefiniertes JavaScript als Variablentyp
  • Fügen Sie diesen benutzerspezifischen JavaScript-Code ein:
function() {
  var loggedin = localStorage.getItem("loggedin");
  return loggedin;
}

Ihr Bildschirm sollte so aussehen.
Google Tag Manager-Einrichtung

Klicken Sie auf Speichern , um die neue Variable zu speichern.

Google Tag Manager-Einrichtung

Weiter: brandName. Wenn Sie im Menü " Admin -"eine Demo auswählen, wird der Name brandName an Adobe Experience Platform gesendet.

Klicken Sie im Abschnitt Benutzerdefinierte Variablen - auf Neu.

  • Umbenennen Untitled Variable in brandName
  • Wählen Sie Benutzerdefiniertes JavaScript als Variablentyp
  • Fügen Sie diesen benutzerspezifischen JavaScript-Code ein:
function() {
  var brandName = localStorage.getItem("brandName");
  return brandName;
}

Ihr Bildschirm sollte so aussehen.
Google Tag Manager-Einrichtung

Klicken Sie auf Speichern , um die neue Variable zu speichern.

Google Tag Manager-Einrichtung

Die nächsten Variablen werden im selben Prozess erstellt, jedoch mit etwas anderem Code.

Die nächste Variable, die wir brauchen, heißt productProductView. Wenn ein Kunde ein Produkt Ansicht, speichert diese Variable die Produktinformationen zur Ansicht.

Klicken Sie im Abschnitt Benutzerdefinierte Variablen - auf Neu.

  • Umbenennen Untitled Variable in productProductView
  • Wählen Sie Benutzerdefiniertes JavaScript als Variablentyp
  • Fügen Sie diesen benutzerspezifischen JavaScript-Code ein:
function() {
  var productview = JSON.parse(localStorage.getItem("thisProductView"));
  return productview;
}

Ihr Bildschirm sollte so aussehen.

Google Tag Manager-Einrichtung

Klicken Sie auf Speichern , um die neue Variable zu speichern.

Google Tag Manager-Einrichtung

Die nächste Variable wird aufgerufen return1. Mit dieser Variable geben wir bei Bedarf den Wert 1 zurück.

Klicken Sie im Abschnitt Benutzerdefinierte Variablen - auf Neu.

  • Umbenennen Untitled Variable in return1
  • Wählen Sie Benutzerdefiniertes JavaScript als Variablentyp
  • Fügen Sie diesen benutzerspezifischen JavaScript-Code ein:
function() {
  return 1;
}

Ihr Bildschirm sollte so aussehen.

Google Tag Manager-Einrichtung

Klicken Sie auf Speichern , um die neue Variable zu speichern.

Google Tag Manager-Einrichtung

Hätten wir mit Adoben gearbeitet, müssten wir die ECID erfassen. Da wir zeigen werden, dass wir dies auch mit einem Google-only -Ansatz für Plattform tun können, speichern wir eine eindeutige Google-Kennung von Google Analytics. Wir weisen dieser Variablen den Wert der clientseitigen ID zu.

Die nächste Variable wird aufgerufen gaClientId. Diese Variable wird als Schlüssel für alle Google Analytics-Daten verwendet.

Klicken Sie im Abschnitt Benutzerdefinierte Variablen - auf Neu.

  • Erstanbieter- Cookie als Variablentyp auswählen

Google Tag Manager-Einrichtung

  • Als _ga Cookie-Name wählen

Google Tag Manager-Einrichtung

Klicken Sie auf Speichern , um die neue Variable zu speichern.

Google Tag Manager-Einrichtung

Weiter: pageTimeStamp. Wir benötigen einen eindeutigen Zeitstempel für jeden Plattformaufruf.

Klicken Sie im Abschnitt Benutzerdefinierte Variablen - auf Neu.

  • Umbenennen Untitled Variable in pageTimeStamp
  • Wählen Sie Benutzerdefiniertes JavaScript als Variablentyp
  • Fügen Sie diesen benutzerspezifischen JavaScript-Code ein:
function() {
var date = new Date();

var month = date.getUTCMonth();
var day = date.getUTCDate();
var hour = date.getUTCHours();
var min = date.getUTCMinutes();
var sec = date.getUTCSeconds();

month = (month < 9 ? "0" : "") + (month+1);
day = (day < 10 ? "0" : "") + day;
hour = (hour < 10 ? "0" : "") + hour;
min = (min < 10 ? "0" : "") + min;
sec = (sec < 10 ? "0" : "") + sec;

var str = date.getFullYear() + "-" + month + "-" + day + "T" +  hour + ":" + min + ":" + sec + ".000Z";

return str;
}

Google Tag Manager-Einrichtung

Klicken Sie auf Speichern , um die neue Variable zu speichern.

Google Tag Manager-Einrichtung

Weiter: pageHitId. Wir benötigen eine eindeutige HitId bei jedem Aufruf an Platform.

Klicken Sie im Abschnitt Benutzerdefinierte Variablen - auf Neu.

  • Umbenennen Untitled Variable in pageHitId
  • Wählen Sie Benutzerdefiniertes JavaScript als Variablentyp
  • Fügen Sie diesen benutzerspezifischen JavaScript-Code ein:
function() {
  var min = 111111111;
  var max = 9999999999999;
  var randomNumber = Math.random() * (max - min) + min;
  return String(randomNumber);
}

Google Tag Manager-Einrichtung

Speichern Sie Ihr Codefragment und klicken Sie dann erneut auf Speichern , um Ihre Variablenkonfiguration zu speichern.

Google Tag Manager-Einrichtung

Als Nächstes erfassen wir einige Variablen, die für Google Tag Manager ohne benutzerdefinierten Code verfügbar sind, indem wir auf JavaScript-Objekte verweisen.

Gehen Sie dazu wie folgt vor:

Klicken Sie im Abschnitt Benutzerdefinierte Variablen - auf Neu.

  • Rename the Untitled Variable
  • Wählen Sie JavaScript-Variable als Variablentyp
  • JavaScript-Variablennamen eingeben
  • Klicken Sie auf Speichern , um die neue Variable zu speichern.

First: customerLanguage. Wir erfassen die bevorzugte Sprache des Kunden anhand der Einstellungen des Browsers.

Klicken Sie im Abschnitt Benutzerdefinierte Variablen - auf Neu.

  • Benennen Sie das Untitled Variable in um customerLanguage.
  • Wählen Sie JavaScript-Variable als Variablentyp.

Google Tag Manager-Einrichtung

  • Enter the JavaScript Variable name: navigator.language.
    Ihr Bildschirm sollte nun wie folgt aussehen:

Google Tag Manager-Einrichtung

  • Klicken Sie auf Speichern , um die neue Variable zu speichern.

Google Tag Manager-Einrichtung

Weiter: pageType. Bei jedem Laden neuer Seiten müssen wir den Seitentyp erfassen.

Klicken Sie im Abschnitt Benutzerdefinierte Variablen - auf Neu.

  • Benennen Sie das Untitled Variable in um pageType.
  • Wählen Sie JavaScript-Variable als Variablentyp.
  • Enter the JavaScript Variable name: digitalData.category.siteSection.

Ihr Bildschirm sollte nun wie folgt aussehen:
Google Tag Manager-Einrichtung

  • Klicken Sie auf Speichern , um die neue Variable zu speichern.

Google Tag Manager-Einrichtung

Weiter: productCategory. Für jede Ansicht müssen wir die Kategorie des Produkts erfassen und an die Plattform senden.

Klicken Sie im Abschnitt Benutzerdefinierte Variablen - auf Neu.

  • Benennen Sie das Untitled Variable in um productCategory.
  • Wählen Sie JavaScript-Variable als Variablentyp.
  • Enter the JavaScript Variable name: digitalData.product.category.

Ihr Bildschirm sollte nun wie folgt aussehen:
Google Tag Manager-Einrichtung

  • Klicken Sie auf Speichern , um die neue Variable zu speichern.

Google Tag Manager-Einrichtung

Weiter: productName. Für jede Ansicht müssen wir den Produktnamen erfassen und an Platform senden.

Klicken Sie im Abschnitt Benutzerdefinierte Variablen - auf Neu.

  • Benennen Sie das Untitled Variable in um productName.
  • Wählen Sie JavaScript-Variable als Variablentyp.
  • Enter the JavaScript Variable name: digitalData.product.name.

Ihr Bildschirm sollte nun wie folgt aussehen:
Google Tag Manager-Einrichtung

  • Klicken Sie auf Speichern , um die neue Variable zu speichern.

Google Tag Manager-Einrichtung

Weiter: productPrice. Für jede Ansicht müssen wir den Produktpreis erfassen und an Platform senden.

Klicken Sie im Abschnitt Benutzerdefinierte Variablen - auf Neu.

  • Benennen Sie das Untitled Variable in um productPrice.
  • Wählen Sie Benutzerdefiniertes Javascript als Variablentyp.
  • Geben Sie das benutzerdefinierte JavaScript ein, indem Sie den folgenden Code einfügen:
function() {
  var price = Number(digitalData.product.price);
  return price;
}

Ihr Bildschirm sollte nun wie folgt aussehen:
Google Tag Manager-Einrichtung

  • Klicken Sie auf Speichern , um die neue Variable zu speichern.

Google Tag Manager-Einrichtung

Weiter: productImageUrl. Für jede Ansicht des Produkts müssen wir die Image-URL des Produkts erfassen und an die Plattform senden.

Klicken Sie im Abschnitt Benutzerdefinierte Variablen - auf Neu.

  • Benennen Sie das Untitled Variable in um productImageUrl.
  • Wählen Sie JavaScript-Variable als Variablentyp.
  • Enter the JavaScript Variable name: digitalData.product.imageUrl.

Ihr Bildschirm sollte nun wie folgt aussehen:
Google Tag Manager-Einrichtung

  • Klicken Sie auf Speichern , um die neue Variable zu speichern.

Google Tag Manager-Einrichtung

Weiter: productInteraction. Für jede Ansicht müssen wir die Art der Interaktion erfassen (Ansicht, Hinzufügen Warenkorb, Einkauf usw.) und sie an Plattform senden.

Klicken Sie im Abschnitt Benutzerdefinierte Variablen - auf Neu.

  • Benennen Sie das Untitled Variable in um productInteraction.
  • Wählen Sie JavaScript-Variable als Variablentyp.
  • Enter the JavaScript Variable name: digitalData.product.interaction.

Ihr Bildschirm sollte nun wie folgt aussehen:
Google Tag Manager-Einrichtung

  • Klicken Sie auf Speichern , um die neue Variable zu speichern.

Google Tag Manager-Einrichtung

Weiter: pageUserAgent. Für jede Ansicht müssen wir den Benutzergerätetyp und das Betriebssystem erfassen und an die Plattform senden. Wir verwenden den Benutzeragent, um diese Informationen abzuleiten. Weitere Informationen zum Benutzeragent finden Sie hier: https://en.wikipedia.org/wiki/User_agent

Klicken Sie im Abschnitt Benutzerdefinierte Variablen - auf Neu.

  • Benennen Sie das Untitled Variable in um pageUserAgent.
  • Wählen Sie JavaScript-Variable als Variablentyp.
  • Enter the JavaScript Variable name: navigator.userAgent.

Ihr Bildschirm sollte nun wie folgt aussehen:
Google Tag Manager-Einrichtung

  • Klicken Sie auf Speichern , um die neue Variable zu speichern.

Google Tag Manager-Einrichtung

Fast fertig, jetzt Zeit für: pageName. Beim Laden neuer Seiten müssen wir den Seitennamen erfassen und ihn an AA, AAM und Plattform senden.

Klicken Sie im Abschnitt Benutzerdefinierte Variablen - auf Neu.

  • Benennen Sie das Untitled Variable in um pageName.
  • Wählen Sie JavaScript-Variable als Variablentyp.
  • Enter the JavaScript Variable name: document.title.

Ihr Bildschirm sollte nun wie folgt aussehen:
Google Tag Manager-Einrichtung

  • Klicken Sie auf Speichern , um die neue Variable zu speichern.

Google Tag Manager-Einrichtung

Und das letzte: pageUrl. Beim Laden neuer Seiten müssen wir die URL erfassen, um sie an andere Lösungen zu senden.
Die Seiten-URL ist bereits eine integrierte Variable im Google Tag-Manager. Daher müssen wir dies nicht wirklich definieren. Aber aus Gründen der Konsistenz mit anderen Informationen auf Plattform werden wir pageUrl trotzdem definieren.

Klicken Sie im Abschnitt Benutzerdefinierte Variablen - auf Neu.

  • Benennen Sie das Untitled Variable in um pageUrl.
  • Wählen Sie URL als Variablentyp.

Google Tag Manager-Einrichtung

Ihr Bildschirm sollte nun wie folgt aussehen:
Google Tag Manager-Einrichtung

  • Klicken Sie auf Speichern , um die neue Variable zu speichern.

Google Tag Manager-Einrichtung

Sie haben alle erforderlichen Google Tag Manager-Variablen konfiguriert!

Nächster Schritt: 9.4 Plattformdatensätze abrufen

Zurück zu Modul 9

Zurück zu allen Modulen

Auf dieser Seite