De dataLayer dient zo snel mogelijk te worden afgevuurd wanneer een gebruiker een nieuwe pagina op het platform bezoekt. Deze dataLayer moet altijd boven de Google Tag Manager (GTM) code in de <head> van de website worden geplaatst. Bij elke nieuwe paginaweergave moet deze dataLayer worden afgeschoten om de juiste gegevens vast te leggen.
De page dataLayer is van belang om kwalitatief bepaalde pagina gegevens op te halen van de desbetreffende pagina weergave, sessie en gebruiker. Hierdoor kan er onder andere gesegmenteerd op pagina typeringen, categorieën, webspaces etc.
Hieronder zie je een voorbeeldcode die gebruikt kan worden om de dataLayer toe te voegen aan de website. Zoals eerder vermeld, dient deze code boven de GTM-code in de <head> sectie van de website te worden geplaatst.
<script>
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
'event': 'page',
'page_type': 'home',
'page_category': 'new',
'dealer_name': 'ignition',
'webspace': 'audi',
'environment': 'live',
'timestamp': 'yyyy-MM-dd HH:mm:ss',
'page_layout': 'desktop',
'platform': 'web'
});
</script>
| Page | Definitie | Data type | Keuze mogelijkheden (i.v.t.) | Verdieping keuzemogelijkheden |
| page_type | het type pagina dat door de gebruiker bezocht wordt | String | home | Startpagina van een bepaalde website sectie, categorie etc. |
| overview | Overzichtspagina | |||
| detail | Detailpagina | |||
| checkout | De fase vlak voor een bepaalde conversie | |||
| transaction | Het conversiemoment | |||
| page_category | Paginacategorie dat de gebruiker bezoekt, afhankelijk van de navigatiestructuur en de op de sites waar de business units weergegeven worden. | String | private | De particuliere tak van de website |
| business | De zakelijke tak van de website | |||
| rental | De huur tak van de website | |||
| service_maintenance | Het service en onderhoud gedeelte van de website | |||
| information | Het informatie gedeelte van de website | |||
| brand_model | De merk en modellen omgeving van de website | |||
| action | De actie omgeving van de website | |||
| workshop | Het werkplaats gedeelte van de website | |||
| dealer_name | De dealernaam van de desbetreffende dealer | String | ||
| webspace | Eigen omgeving met merk | String | audi, cupra, etc. | |
| environment | Live website (live), production (prod) of acceptance (acc) waar de gebruiker op zit. | String | live, acc, prod | |
| timestamp | Het moment wanneer de datalayer wordt gepusht (uit de browser) | Datetime | yyyy‑MM‑ddTHH:mm:ss.sssZ | |
| page_layout | De variant waarin de bezoeker de site bekijkt | String | desktop, tablet, mobile | |
| platform | Website (web) of app (app) kan hierin meegegeven worden. | String | web, app |