Wie bereits erwähnt, bildet der Data Layer die Brücke zwischen Ihrer Website und Mapp Intelligence. Im ersten Schritt platzieren Sie den Data Layer innerhalb des <head> Abschnitts auf jeder Seite Ihrer Retail-Webseite. Dieses Kapitel enthält die detaillierte Beschreibung der zu implementierenden Data Layer.

In den Beispielen verwenden wir Tag Integration, unsere eigenen 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 sind diese eine Kombination aus Events und Variablen.

Grundlegender Data Layer

Die folgende Datenschicht wird für das Tracking jeder Seite benötigt.

Beispiel

window._ti['pageName'] = location.hostname + location.pathname;
window._ti['language'] = 'en';
window._ti['contentCategory'] = 'Home';
window._ti['contentSubcategory'] = 'Product overview';
window._ti['emailOptIn'] = 'yes';
window._ti['customerId'] = '<encrypted email address of the user>';
JS
Data Layer-VariableBeschreibung
window._ti['pageName']
Enthält die vollständige URL der Seite ohne Protokoll (HTTP(s)) und Parameter.
window._ti['language']
Enthält die Sprachversion der Seite, z. B. "de", "en", "it", "es".
window._ti['contentCategory']

Enthält die Content-Kategorie. Mögliche Werte:

  • Checkout
  • Service
  • Catalog
  • Account
  • Home
  • Content
window._ti['contentSubcategory']

Enthält die Subkategorie. Mögliche Werte:

  • Corporate
  • Career
  • Customer service
  • Tools
  • Product overview
  • Product detail
  • Internal search
  • Landing page
  • Blog
  • Knowledge
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 bei oder über ein Cookie anmeldet. Mögliche Werte:

  • 1 = yes
  • 2 = no
  • 3 = unknown (default)
window._ti['customerId']
Die verschlüsselte E-Mail des Benutzers. Erfordert SHA256-Hashcodierung.

Data Layer für Produkt- und Bestellseiten

Bei dem Data Layer auf Produkt- und Bestellseiten 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 Auftragsbestätigung müssen den gesamten Kauf des Benutzers tracken, einschließlich aller Produkt-IDs, Versandkosten usw.

Produktseiten: Produktdetails

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'] = '1234n';
window._ti['shoppingCartStatus'] = 'view';
window._ti['productCost'] = '34.95';
window._ti['currency'] = 'EUR';
window._ti['productName'] = 'sneaker';
window._ti['productCategory'] = 'women';
window._ti['productSubcategory'] = 'shoes';
JS
Data Layer-VariableBeschreibung
window._ti['productId']
Enthält die ID des Produkts, wie im Produktkatalog angegeben (in der Regel die Artikelnummer), z. B. "1700851554", "LS721C08D-K11".
window._ti['shoppingCartStatus']

Gibt an, ob ein Produkt angesehen, hinzugefügt oder gekauft wird.
view = Der Status muss auf view gesetzt werden, wenn er angesehen, aber nicht in den Warenkorb gelegt wird.
add = Das Produkt wird in den Warenkorb gelegt, aber noch nicht gekauft.
Um den Status von view und add in Mapp Intelligence entsprechend zu erfassen, ist es notwendig, ein Tracking-Request an Mapp Intelligence zu stellen, wenn der Benutzer das Produkt in den Warenkorb legt. Klicken Sie auf die Funktion Add to cart. Der Data Layer muss mit den folgenden Werten aktualisiert werden, bevor die Funktion Send Page Update aufgerufen wird:

window._ti['pageName'] = 'add-to-cart;
window._ti['contentCategory'] = 'add-to-cart';
window._ti['contentSubcategory'] = 'add-to-cart';
window._ti['shoppingCartStatus'] = 'add';
wts.push(['send','pageupdate'])
JS 
window._ti['productCost']

Enthält die Kosten des Produkts. Die Produktkosten müssen dem Bruttowert des Produkts entsprechen, einschließlich Steuern und sonstiger Abgaben.

Bitte beachten Sie das folgende Format:

  • Zahl im Dezimalformat.
  • Ein Punkt (.) ist das Trennzeichen.

Beispiel: 34.95

window._ti['productName']
Enthält den Produkttitel oder einen anderen beschreibenden Namen des Produkts.
window._ti['productCategory']
Enthält die Produktkategorie, z. B. Damen, Herren, Möbel, etc.
window._ti['productSubcategory']
Enthält die Unterkategorie des Produkts, z. B. Schuhe, Hosen, Schränke, etc.

Bestellbestätigungsseite

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.

Beispiel

window._ti['productId'] = 'pullover;jeans';
window._ti['productCost'] = 'c99.90;69.95';
window._ti['productQuantity'] = '2;1';
window._ti['shoppingCartStatus'] = 'conf';
window._ti['totalOrderValue'] = '52.99';
window._ti['currency'] = 'EUR';
window._ti['orderId'] = 'M-12345';
window._ti["birthday"] = '20000723';
window._ti['gender'] = '1';
window._ti['couponValue'] = '10.00';
window._ti['productSoldOut'] = '0';
JS

Wenn es mehrere Werte für eine Variable gibt, trennen Sie die Werte durch ein Semikolon.

Data Layer-VariableBeschreibung
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['shoppingCartStatus']
Zeigt an, dass der Bestellvorgang bestätigt wurde. Muss auf conf gesetzt sein.
window._ti['totalOrderValue']
Enthält den gesamten Bestellwert des Kaufs, einschließlich aller Nebenkosten wie Versand und Steuern, jedoch ohne Rabatte.
window._ti['currency']
Enthält die Währung, in der das Produkt angezeigt wird.
window._ti['orderId']
Enthält die Bestellnummer. Jede Bestellnummer muss eindeutig sein.
window._ti["birthday"]

Wird ausgefüllt, wenn der Benutzer seinen Geburtstag angibt. Das Format ist YYYYMMDD, Beispiel: 19810503.

Im Falle von Datenschutzbedenken kann der Kunde nur das Jahr über ""YYYY0101"" angeben, wobei Monat und Jahr als Platzhalter dienen, Beispiel: 19900101. 
window._ti['gender']

Wird ausgefüllt, wenn der Benutzer sein Geschlecht angibt. Mögliche Werte:

  • 1 = männlich
  • 2 = weiblich
window._ti['couponValue']
Enthält den tatsächlichen Wert eines Coupons, wenn er verwendet wurde.
window._ti['productSoldOut']

Zeigt den Bestandsstatus eines Produkts an.
0 = Das Produkt ist ausverkauft.

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:

Mithilfe von URL Parametern

Wenn Sie die URL-Parametermethode verwenden, informieren Sie bitte Ihren Account Manager. Dieser kann dann die notwendigen Änderungen in Mapp Q3 (Konfiguration der Query-Parameter) vornehmen.

Mithilfe des Data Layers

window._ti['internalSearchPhrase'] = 'adidas schuhe';
window._ti['internalSearchResultsQuantity'] = '15';
JAVA
Data Layer-VariableBeschreibung
window._ti['internalSearchPhrase']
Enthält den Suchbegriff als String.
window._ti['internalSearchResultsQuantity']
Enthält die Menge der Suchergebnisse als Zahl.

Bitte prüfen Sie zuerst, wie Ihre interne Suche technisch umgesetzt ist und wählen anschließend die passende Variante aus.

Tag Integration Loader implementieren

Die Grundlage der Trackingimplementierung ist die Einbindung des Tag Integration Loaders auf Ihrer Website. Fügen Sie dazu die folgende Konfiguration für die Tag Integration unterhalb des Data Layer Ihrer Website hinzu.

Beispiel

window._tiConfig = window._tiConfig || {
    tiDomain: 'responder.wt-safetag.com',
    tiId: '111111111111111',
    option: {}
};
   
/** start TagIntegration loader  */
(function(a,d,c,f){a.wts=a.wts||[];var g=function(b){var a="";b.customDomain&&b.customPath?a=b.customDomain+"/"+b.customPath:b.tiDomain&&b.tiId&&(a=b.tiDomain+"/resp/api/get/"+b.tiId+"?url="+encodeURIComponent("https://"+d.location.host+"/")+"&v=5");if(b.option)for(var c in b.option)a+="&"+c+"="+encodeURIComponent(b.option[c]);return a};if(-1===d.cookie.indexOf("wt_r=1")){var e=d.getElementsByTagName(c)[0];c=d.createElement(c);c.async=!0;c.onload=function(){if("undefined"!==typeof a.wt_r&&!isNaN(a.wt_r)){var b=
new Date,c=b.getTime()+1E3*parseInt(a.wt_r);b.setTime(c);d.cookie="wt_r=1;path=/;expires="+b.toUTCString()}};c.onerror=function(){"undefined"!==typeof a.wt_mcp_hide&&"function"===typeof a.wt_mcp_hide.show&&(a.wt_mcp_hide.show(),a.wt_mcp_hide.show=function(){})};c.src="//"+g(f);e.parentNode.insertBefore(c,e)}})(window,document,"script",_tiConfig);
   
/** end TagIntegration loader */
JS
ParameterBeschreibung
tiDomain

Sie erhalten diese Informationen von Ihrem Mapp Intelligence Consultant. Er hilft Ihnen bei weiteren Fragen zum Thema gern weiter.

tiId