# 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

# 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

# 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