Data Layer – Implementierungsleitfaden
Wie einleitend beschrieben, bildet der Data Layer die Brücke zwischen Ihrer Website und Mapp Intelligence. Im ersten Implementierungsschritt platzieren Sie den Data Layer innerhalb des <head>
Abschnitts auf jeder Seite Ihrer Publisher-Webseite. Dieses Kapitel enthält die detaillierte Beschreibung der zu implementierenden Data Layer.
In den folgenden Beispielen verwenden wir Tag Integration, Mapps eigene Tag-Management-Lösung. Die Integration der Tracking Tags von Mapp Intelligence lässt sich auch mit anderen Tools umsetzen, z. B. Google Tag Manager (GTM). Erstellen Sie einfach die entsprechenden Data Layer in GTM. Diese sind eine Kombination aus Events und Variablen.
Grundlegender Data Layer
Die folgende Datenschicht wird für das Tracking jeder Seite benötigt.
Beispiel
window._ti['pageType'] = 'Article';
window._ti['contentCategory'] = 'Feuilleton';
window._ti['contentSubcategory'] = 'Landing page';
window._ti['emailOptIn'] = 'yes';
window._ti['customerId'] = '<encrypted e-mail address of the user>';
Data Layer-Variable | Beschreibung |
---|---|
window._ti['pageType'] | Enthält ein Label für verschiedene Seitentypen. Beispiele:
Als Wert für alle Seitentypen, die einen Artikel oder Post enthalten, geben Sie bitte das Wort 'article' an.
|
window._ti['contentCategory'] | Enthält die Content-Kategorie. Beispiele:
|
window._ti['contentSubcategory'] | Enthält die Subkategorie des Contents. Beispiele:
|
window._ti['emailOptIn'] | Gibt an, ob sich ein Benutzer für den Empfang von E-Mails entschieden hat. Es sind benutzerbezogene Statusinformationen, die erfasst werden können, z. B. wenn sich ein Benutzer anmeldet oder mithilfe eines Cookies. Mögliche Werte:
Der Standardwert ist 'no'. Der Wert muss auf 'yes' gesetzt werden, wenn ein Benutzer E-Mail-Kommunikation empfangen möchte. |
window._ti['customerId'] | Die verschlüsselte E-Mail des Benutzers. Erfordert SHA256-Hashcodierung. |
Data Layer für bestimmte Seitentypen
Den folgenden Data Layer sollten Sie auf allen relevanten Seiten einbinden, um den verschiedenen Seitentypen einen Wert zuzuweisen. Dadurch erhalten Sie einen schnellen Überblick zur Seitenperformance. Als relevant können alle Seiten mit Nutzerinteraktionen definiert werden, die wichtig sind, um die Performance auszuwerten. Dazu gehören typischerweise Startseiten, Kategorieseiten und – wenn verfügbar – die Seiten Ihres Onlineshops. Ausgenommen sind Seiten wie das Impressum und Kontaktseiten.
Der Wert, den Sie einer Seite zuweisen, bestimmt die Relevanz dieses Seitentyps für die Perfomance: Je wichtiger für Sie die Nutzerinteraktion mit diesem Seitentyp ist, desto höher der Wert. Beispiel: Artikelseiten erhalten 10 Punkte, eine Seite innerhalb einer Galerie bekommt nur 2 und die Startseite 15 als Wert zugewiesen. Sie können den Score selbst bestimmmen – je nachdem, welche Seitentypen für Sie und die Performance relevant sind. Bei Bedarf können Sie auch für alle Seitentypen einen Wert festlegen.
Beispiel
window._ti['pageEngagement'] = '20';
Data Layer-Variable | Beschreibung |
---|---|
window._ti['pageEngagement'] | Enthält die Kennzeichnung des Seitentyps als Zahl. Beispiele:
|
Data Layer für Artikelseiten
Neben dem Basis Data Layer für alle Seiten, muss der folgende Data Layer auf allen Artikelseiten Ihrer Website integriert werden. Mithilfe dieser Datenschicht übergeben Sie die Anzahl der Wörter pro Artikel auf den entsprechenden Seiten. Damit können Sie z. B. analysieren, welche Artikellänge Ihre Leser bevorzugen und sehen u. a. den durchschnittlichen Anteil der gelesenen Wörter. Dieser basiert auf der Wortanzahl im Artikel und einer Lesegeschwindigkeit von 200 Wörtern pro Minute.
Beispiel
window._ti['wordsCount'] = '650';
Data Layer-Variable | Beschreibung |
---|---|
window._ti['wordsCount'] | Enhält die genaue Anzahl der Wörter je Artikel, etwa 650. |
Data Layer für Seiten mit einer Paywall
Wenn Publisher guten Content zur Verfügung stellen, ziehen sie damit viele Besucher an. Vielleicht haben Sie eine Paywall (Bezahlschranke) eingerichtet, damit Ihre Leser ab einem bestimmten Zeitpunkt gebeten werden, für Qualitätsinhalte zu bezahlen oder weil sie eine gewisse Anzahl an Content konsumiert haben. Früher oder später treffen diese Leser bei Ihnen auf eine Paywall – ganz gleich, ob es sich dabei um das Metered-, Dynamic- oder Freemium-Modell handelt. Funktioniert das gewählte Modell wie erwartet? Wie reagieren neue Visitors? Wie viele Nutzer haben einen Kauf auf Paywall-Seiten getätigt, nachdem Sie auf eine Ihrer Anzeigen geklickt haben? Wenn Sie diese und andere Insights erhalten möchten, müssen Sie den folgenden Data Layer auf allen Artikelseiten mit einer aktiven Paywall einbinden. Das gilt auch für alle anderen Seiten, denen Sie eine Paywall vorgeschaltet haben.
Beispiel
window._ti['paywall'] = 'true';
Data Layer-Variable | Beschreibung |
---|---|
window._ti['paywall'] | Kennzeichnet (Artikel-) Seiten mit einer aktiven Paywall.
Setzen Sie nur auf Seiten mit aktiver Paywall den Wert auf 'true'.
|
Data Layer für Produkt- und Bestellseiten
Die hier dargestellten Codes sind nur relevant, wenn Sie einen Shop auf Ihrer Publisher-Website eingebunden haben oder anderen Content bzw. andere Produkte mithilfe von E-Commerce-Tracking erfassen möchten. Beispiele dafür wären verschiedene Abonnnements oder Kursangebote. Das Tracking von produktspezifischen Informationen wie Produkt-IDs und Kosten ist für die Produktdetailseiten relevant. Bei dem Data Layer von Produkt- und Bestellbestätigungsseiten sind die folgenden Punkte zu beachten:
- Für das Produkt und den Einkaufsprozess müssen Sie die Datenschicht um zusätzliche Informationen über das Produkt und Bestelldetails erweitern.
- Für die Produktdetailseiten ist es notwendig, produktspezifische Informationen wie Produkt-IDs und Kosten zu tracken.
- Die Seiten zur Bestellbestätigung müssen den gesamten Kauf des Benutzers abdecken, einschließlich aller Produkt-IDs, Versandkosten usw.
Data Layer für Peosuktdetailseiten
Das Tracking von produktspezifischen Informationen wie Produkt-IDs und Kosten ist für die Produktdetailseiten relevant. Daher müssen Sie zusätzlich zum Basis Data Layer für alle Seiten die folgende Datenschicht auf allen Produktdetailseiten Ihrer Website hinzufügen.
Beispiel
window._ti['productId'] = 'pw1234';
window._ti['productStatus']= 'view';
window._ti['productName'] = 'Amazing Cook Book';
window._ti['productCategory'] = 'Books';
window._ti['productSubcategory'] = 'Cook books';
Data Layer-Variable | Description |
---|---|
window._ti['productId'] | Enthält die ID des Produkts, wie im Produktkatalog angegeben (in der Regel die Artikelnummer). Beispiele:
|
window._ti['productStatus'] | Gibt an, ob ein Produkt angesehen, hinzugefügt oder gekauft wird.
JS
'productQuantity' enthält die Anzahl der in den Warenkorb gelegten Artikel je Produkt. |
window._ti['productName'] | Enthält den Produkttitel oder einen anderen beschreibenden Namen des Produkts. |
window._ti['productCategory'] | Enthält die Produktkategorie, z. B. "Bücher", "Veranstaltungen", "Spiele", etc. |
window._ti['productSubcategory'] | Enthält die Unterkategorie des Produkts, z. B. "Kochbücher", "Webinare", "Brettspiele", etc. |
Wenn Sie das Add-on zu Produktempfehlungen erworben haben, brauchen Sie Produktkategorien nicht zu tracken. Wenden Sie sich einfach an Ihren Account Manager.
Data Layer für Bestellbestätigungsseiten
Zusätzlich zum Basis Data Layer für alle Seiten muss auf allen Bestellbestätigungsseiten, die nach einem erfolgreichen Kauf angezeigt werden, die folgende Datenschicht hinzugefügt werden.
Wenn mehrere Werte pro Variable übergeben werden, müssen die Werte mit einem Semikolon getrennt werden. Außerdem müssen die Werte immer dieselbe Reihenfolge haben.
Beispiel
window._ti['productName'] = 'Amazing Cook Book;Monopoly';
window._ti['productCategory'] = 'Book;Games';
window._ti['productSubcategory'] = 'Cook books;Board games';
window._ti['productId'] = 'cb1235;bg1234';
window._ti['productCost'] = '34.95;29.95';
window._ti['productQuantity'] = '1;2';
window._ti['productStatus'] = 'conf';
window._ti['orderValue'] = '70.00';
window._ti['orderId'] = 'UID-3429';
Data Layer Variable | Description |
---|---|
window._ti['productName'] | Enthält den Namen oder eine beschreibende Bezeichnung des Produkts. |
window._ti['productCategory'] | Enthält die Produktkategorie. Beispiele:
|
window._ti['productSubcategory'] | Enthält die Subkategorie eines Produkts. Beispiele:
|
window._ti['productId'] | Enthält alle Produkt-IDs des Kaufs. Die ID muss mit der im Produktkatalog verwendeten ID identisch sein. |
window._ti['productCost'] | Enthält die einzelnen Kosten pro Position. |
window._ti['productQuantity'] | Zeigt die Anzahl der Artikel, die von jedem Produkt gekauft wurde. |
window._ti['productStatus'] | Zeigt an, dass der Bestellvorgang bestätigt wurde. Muss auf conf gesetzt sein. |
window._ti['orderValue'] | Enthält den gesamten Bestellwert des Kaufs, einschließlich aller Nebenkosten wie Versand und Steuern, jedoch ohne Rabatte. |
window._ti['orderId'] | Enthält die Bestellnummer. Jede Bestellnummer muss eindeutig sein. |
Data Layer für die interne Suche
Die interne Suche ist ein wesentliches Navigationselement, das auf Webseiten weit verbreitet ist. Es ist auch ein hervorragendes webanalytisches Werkzeug, um Informationen über Websitebesucher zu erhalten, um z. B. die Konversionsrate zu optimieren. Mithilfe der internen Suchanalyse erhalten Sie Antworten auf Fragen wie: Welche Suchbegriffe geben Besucher während einer Session ein? Auf welchen Seiten findet diese Suche statt? Welche Zielseiten rufen Besucher später auf? Es gibt zwei Methoden, um die interne Suche zu erfassen:
Beispiel
window._ti['numberOfSearchResults'] = '15';
Data Layer-Variable | Beschreibung |
---|---|
window._ti['numberOfSearchResults'] | Enthält die Anzahl der Suchergebnisse als Zahl. |