# Analytics
# Google Tag Manager
# Konfiguration
hubble unterstützt die GTM Implementierung durch das @nuxtjs/google-tag-manager Modul.
Dazu muss nur in der .env Datei der entsprechende Key hinterlegt werden.
# Google
# google tag manager id
GOOGLE_TAG_MANAGER_ID = 'GTM-XXXXXXX'
1
2
3
2
3
# Datalayer
Zum setzen des Datalayers stellt hubble eine eigene Komponente bereit:
<g-t-m-data-layer
:event="'productLoaded'"
:page-type="'product'"
:page-title="productData.name"
:breadcrumbs="breadcrumbPath"
:e-commerce-detail="gtmECommerceData"
/>
1
2
3
4
5
6
7
2
3
4
5
6
7
# Product Impressions
Zum setzen des Datalayers stellt hubble eine eigene Komponente bereit:
<g-t-m-product-impressions
:products="dataItems"
:list="list"
:category="category"
/>
1
2
3
4
5
2
3
4
5