Wie bereits erwähnt, bildet der Data Layer die Brücke zwischen Ihrer Website und der Analyse in Mapp Intelligence. Im ersten Implementierungsschritt platzieren Sie den Data Layer innerhalb des <head> Abschnitts auf jeder Seite Ihrer Website. 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['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 Unterkategorie. 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 nutzerbezogene 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 Produktseiten & Antragstellungsprozesse

Beim Data Layer von Produktseiten und Antragsstellungsprozessen gilt Folgendes zu beachten:

  • Für das Finanzprodukt und den Antragstellungsprozess müssen Sie den Data Layer um zusätzliche Produktinformationen und Antragdetails erweitern.
  • Für die Detailseiten Ihrer Finanzprodukte ist es notwendig, Informationen wie Produkt-IDs zu tracken.
  • Jeder Schritt im Antragstellungsprozess stellt eine Seite dar. Bei jedem einzelnen muss der Data Layer um weitere Informationen ergänzt werden – und zwar von der ersten Seite bis zur letzten Bestätigungsseite.

Data Layer für Produktdetailseiten

Sie bieten Kunden und Interessenten sicherlich zahlreiche Finanzprodukte an, die Sie informativ auf Ihrer Website aufbereiten. Wenn Sie wissen möchten, wie die Besucher mit den Produktdetailseiten interagieren und die entsprechenden Daten im Customer Insights Dashboard nutzen möchten, müssen sie weitere Data Layer hinzufügen. Beim Tracking von Detailseiten sind v. a. produktspezifische Angaben wie Podukt-ID, -name und die Kategorie relevant. Deshalb sollten Sie neben dem Basis Data Layer auf allen Produktdetailseiten Ihrer Finanzwebseite den folgenden Data Layer einfügen.

Beispiel

window._ti['productId'] = 'car loan students';
window._ti['productStatus'] = 'view';
window._ti['productName'] = 'car loan students';
window._ti['productCategory'] = 'retail banking';
window._ti['productSubcategory'] = 'loans';
JS
Data Layer-VariableBeschreibung
window._ti['productId']
Enthält die ID des Finanzprodukts. Sie stimmt normalerweise mit dem Produktnamen überein: " car loan " oder "retirement fund ".
window._ti['shoppingStatus']

Gibt an, ob ein Produkt angesehen, hinzugefügt oder gekauft wird. Der Status muss auf view gesetzt werden, wenn er angesehen, aber der Antragstellungsprozess noch nicht begonnen hat.

window._ti['productName']
Enthält den Produkttitel oder eine anderen beschreibende Produktbezeichnung.
window._ti['productCategory']
Enthält die Produktkategorie, z. B. "retail banking", "corporate banking" oder "investment banking".
window._ti['productSubcategory']
Enthält die Unterkategorie des Produkts, z. B. "loans", "commercial mortgages" oder "portfolio management".

Data Layer für den Antragstellungsprozess

Nun hat sich der Kunde oder Interessent die Produktdetailseite zu Autokrediten angesehen. Da das Angebot so attraktiv ist, klickt der Nutzer auf die Schaltfläche Jetzt Autokredit beantragen. Durch den Klick auf den Call-to-Action startet die Person auf Ihrer Webseite den entsprechenden Antragstellungsprozess. Wenn Sie den Ablauf tracken möchten, müssen Sie den Basis Data Layer bei jedem Schritt um weitere Datenschichten mit Zusatzinformationen erweitern. Bei dem Prozess der Antragstellung wird im jeder Schritt im Formular als separate Seite behandelt.

Bei jedem Einzelschritt muss die URL um den folgenden Suffix erweitert werden:

  • Erster Schritt: "step1"
  • Zweiter Schritt: "step2"
  • Dritter Schritt: step3"
  • ...
  • Letzter Schritt/Bestätigungsseite: "stepfinish"


Wenn sich der Prozess verzweigt, müssen sie ihn Schritt für Schritt abbilden, bis die Schritte wieder zusammenlaufen.

Nehmen wir einmal Folgendes an: Für das Finanzprodukt "Autokredit für Studenten" muss der Interessent einen Antrag ausfüllen, der aus fünf Einzelschritten besteht. Das bedeutet, Ihr Antragstellungsformular hat fünf Seiten. Jede Seite repräsentiert einen Schritt. Im ersten Schritt gibt es eine Zusammenfassung des Angebots. In den Schritten zwei und drei werden persönliche Daten und Angaben zu Finanzen abgefragt. Auf der vorletzten Seite bzw. im vierten Schritt erhält der Nutzer eine Übersicht. Hier kann die Person die gemachten Eingaben überprüfen. Nachdem das geschehen ist, sendet der Interessent das Formular ab. Über den Erfolg informieren Sie ihn im Schritt fünf mit einer Bestätigungsseite. Wenn man den gesamten Ablauf abdecken möchte, müssen die einzelnen Prozessschritte getrackt werden. Ein einfacher Prozess könnte wie folgt aussehen:

Schritt 1

Wie zuvor beschrieben, beginnt der potenzielle Kunde die Antragstellung auf der Produktdetailseite, indem er auf den CTA Jetzt beantragen klickt. Dadurch wird der der Prozess der Antragstellung in Gang gesetzt. Die Person befindet sich im Schritt 1 des Prozesses. Die erste Seite des Formulars könnte z. B. die Details zum Angebot enthalten.

Wie bei allen Seiten des Formulars, muss der Seitenname mit einem Suffix versehen werden. Da es sich hier um Schritt 1 handelt, endet diese URL mit "-step1". Zusätzlich muss der Status auf add gesetzt werden. Das signalisiert, dass der Interessent den Antrag gestartet hat. Der Schrittname wird als zusätzlicher Parameter mitgesendet.

Beispiel

window._ti['pageName'] = 'bankoftomorrow.com/car-loan/application/offerDetails-step1';
window._ti['productId'] = 'car loan students';
window._ti['productStatus'] = 'add';
window._ti['productName'] = 'car loan students';
window._ti['stepName'] = 'offer';
JS
Data Layer-VariableBeschreibung
window._ti['pageName']
Der Seitenname endet mit dem Suffix "-step1".
window._ti['productId']
Der Wert entspricht normalerweise dem Produktnamen (productName).
window._ti['productName']
Enthält die Produktbezeichnung oder einen beschreibenden Produktnamen.
window._ti['productStatus']

Der Status muss auf add gesetzt werden.

window._ti['stepName']
Der Schrittname wird als zusätzliche Parameter gesendet.

Schritt 2 bis Schritt 4

Im zweiten Schritt des Prozesses gibt der Interessent seine persönlichen Daten ein, z. B. Name, Geburtsdatum, Kontaktinformationen. Danach muss er in Schritt 3 seine Finanzdaten angeben. In Schritt 4 erhält der potenzielle Kunde eine Übersicht der eingegebenen Daten und kann diese noch einmal überprüfen. Bei diesen Schritten sind folgende Informationen erforderlich: Seiten-, Produkt- und Schrittname.

Beispiel

window._ti['pageName'] = 'bankoftomorrow.com/car-loan/application/personalData-step2';
window._ti['productName'] = 'car loan students';
window._ti['stepName'] = 'personalData';
JS

Sie möchten wahrscheinlich auch Informationen wie das Geburtsdatum oder den Familienstand erfassen. Dafür muss bei einem der Schritte der folgende Data Layer hinzugefügt werden. Diese Informationen können verarbeitet werden, sobald sie verfügbar sind. Für eine einfache Implementierung empfehlen wir, diese Daten so früh wie möglich im Antragstellungsprozess zu übergeben. Bei Bedarf lassen sich die Daten aber auch mit der Bestätigungsseite senden.

Beispiel

window._ti['pageName'] = 'bankoftomorrow.com/car-loan/application/personalData-step2';
window._ti['productName'] = 'car loan students';
window._ti['stepName'] = 'personalData';
window._ti['birthday'] = '19810503';
window._ti['gender'] = '1';
window._ti['income_group'] = 'Group1';
window._ti['family_status'] = 'Single';
JS
Data Layer VariableBeschreibung
window._ti['pageName']
Der Seitenname endet mit dem Suffix "-step2".
window._ti['productName']
Enthält die Produktbezeichnung oder einen beschreibenden Produktnamen.
window._ti['stepName']
Der Schrittname wird als zusätzliche Parameter gesendet, z. B. "personalData".
window._ti['birthday']

Wenn der Nutzer sein Geburtsdatum angibt , wird es in diesem Format angegeben YYYYMMDD, z. B. 19810503.

Der Kunde kann bei Bedarf auch nur das Geburtsjahr angeben ""YYYY0101"", Monat und Jahresangaben sind dann lediglich Platzhalter, z. B. 19900101.

window._ti['gender']

Wenn der Nutzer das Geschlecht angibt, sind dies die möglichen Werte:

  • 1 = male
  • 2 = female
window._ti['income_group']
Enthält eine von vier möglichen Einkommengruppen. Die Grenzwerte sollten bei allen Antragstellungsformularen identisch sein. 
window._ti['family_status']

Kann einen der folgenden Werte enthalten: Married, Single, Other

Schritt 5 bzw. die Bestätigungsseite in Antragstellungsformularen

Zusätzlich zu den Basis Data Layern muss noch der folgende Data Layer auf der Bestätigungsseite implementiert werden:

Beispiel

window._ti['pageName'] = 'bankoftomorrow.com/car-loan/application/success-stepfinish';
window._ti['productId'] = 'car loan students';
window._ti['shoppingCartStatus'] = 'conf';
window._ti['totalOrderValue'] = '0';
window._ti['productName'] = 'car loan students';
window._ti['stepName'] = 'confirmation';
JS
Data Layer-VariableBeschreibung
window._ti['pageName']

Der Seitenname endet mit dem Suffix "-stepfinish".

window._ti['productId']
Der Wert entspricht normalerweise dem Produktnamen (productName).
window._ti['shoppingCartStatus']
Mit diesem Wert geben Sie an, dass das Antragsformular erfolgreich gesendet wurde. Der Wert muss auf 'conf.' gesetzt werden.
window._ti['totalOrderValue']
Dieser Wert ist erforderlich, um das Ziel "Order" zu tracken. Der Wert muss auf 0 gesetzt werden.
window._ti['productName']
Enthält die Produktbezeichnung oder einen beschreibenden Produktnamen.
                
window._ti['stepName']

Der Schrittname wird als zusätzliche Parameter gesendet, z. B. "confirmation".

Sie haben mehrere Werte pro Variable? Kein Problem. Geben Sie sie einfach durch ein Semikolon getrennt an.

Data Layer für die interne Suche

Die interne Suche ist ein wesentliches Navigationselement, das auf Webseiten weit verbreitet ist. Gerade auf Webseiten im Finanzsektor ist es ein unabdingbaren Instrument für Besucher, um schnell bestimmte Produkte und Services zu finden. 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, müssen Sie Ihren Account Manager informieren. Dieser kann dann die notwendigen Änderungen in Mapp Q3 (Konfiguration der Query-Parameter) vornehmen.

Mithilfe des Data Layers

Beispiel

window._ti['internalSearchPhrase'] = 'WKN';
window._ti['internalSearchResultsQuantity'] = '10';
JS
Data Layer-VariableBeschreibung
window._ti['internalSearchPhrase']
Enthält den Suchbegriff als String.
window._ti['internalSearchResultsQuantity']
Enthält die Menge der Suchergebnisse als Zahl.

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