Configuration
Configuration de la Twebshop App
Intégration seulement via le Tag Manager (ou autre outils similaires)
Intégration dans le script :
... conversion { eec: true, affiliation: "TWebshop - test_oem" // (optionel) Nom du portail (à l'achat), list: 'Listeresultat' // Nom souhaité de la liste dans Analytics } ...
Configuration du Tag Manager
Comme pour le Ecommerce Tracking les Tags et Trigger sont crées dans le Tagmanager, qui réagiront aux événenmets du TWebshop et déclencheront les actions correspondants dans Google Analytics.
Ci-dessous un exemple de Productimpressions :
Trigger:
Tag:
Exemple EEC Container Stand : Oct 2021
Datalayer
Liste produit (impressions
)
Lors du chargement de la liste des résultats
dataLayer.push({ event: "product_impressions", ecommerce: { currencyCode: "CHF", impressions: [ { name: "Circuit d'essai dans une Tesla Model 3", //Nom id: "OEM00020100240518333", // ID du groupe touristique price: 41, // Prix brand: "Circuit Tesla Weber", // Nom du responsable produit category: "Ticket ATALC", // Type touristique de la prestation adulte list: "Listeresultat", // nom de la liste position: 1 }, { name: "Visite de la vieille ville en soucoupe volante", id: "OEM00020100232798112", price: 13, brand: "Société des amis des OVNI", category: "Ticket ATALC", list: "Listeresultat", position: 2 } ] } });
Liste de résultat clic par produit (click)
Clic sur une prestation
dataLayer.push({ event: "product_click", ecommerce: { click: { actionField: {list: "listeresultat", action: "click"}, products: [ { name: "Circuit d'essai dans une Tesla Model 3", id: "OEM00020100240518333", price: 41, brand: "Circuit Tesla Weber", category: "Ticket ATALC" } ] } }, gtm.uniqueEventId: 9 })
Detail produit
Lors du chargement de la page de détail
dataLayer.push({ event: "product_detail", ecommerce: { detail: { actionField: {}, products: [ { name: "Circuit d'essai dans une Tesla Model 3", id: "OEM00020100240518333", price: 41, brand: "Circuit Tesla Weber", category: "Ticket ATALC" } ] } }, gtm.uniqueEventId: 7 })
Ajout au panier d’achat
dataLayer.push({ event: "add_to_cart", ecommerce: { currencyCode: "CHF", add: { products: [ { name: "Circuit d'essai dans une Tesla Model 3", id: "OEM00020100240518334", // ID de la prestation price: 41, brand: "Circuit Tesla Weber", category: "Ticket ATALC", variant: "Adulte (TicketAdulte)", quantity: 1 } ] } }, gtm.uniqueEventId: 9 })
Suppression du panier d’achat
dataLayer.push({ event: "remove_from_cart", ecommerce: { currencyCode: "CHF", remove: { products: [ { name: "Circuit d'essai dans une Tesla Model 3", id: "OEM00020100240518334", // ID de la prestation price: 41, brand: "Circuit Tesla Weber", category: "Ticket ATALC", variant: "Adulte (TicketAdulte)", quantity: 1 } ] } }, gtm.uniqueEventId: 14 })
Checkout ( step 1 )
dataLayer.push({ event: "checkout_step_1", ecommerce: { currencyCode: "CHF", checkout: { actionField: {step: 1, action: "checkout"}, products: [ { name: "Circuit d'essai dans une Tesla Model 3", id: "OEM00020100240518334", // ID de la prestation price: 41, brand: "Circuit Tesla Weber", category: "Ticket ATALC", variant: "Adulte (TicketAdulte)", quantity: 1 } ] } }, gtm.uniqueEventId: 12 })
Checkout ( step 2)
dataLayer.push({ event: "checkout_step_2", ecommerce: { currencyCode: "CHF", checkout: { actionField: {step: 2, action: "checkout"}, products: [ { name: "Circuit d'essai dans une Tesla Model 3", id: "OEM00020100240518334", // ID de la prestation price: 41, brand: "Circuit Tesla Weber", category: "Ticket ATALC", variant: "Adulte (TicketAdulte)", quantity: 1 } ] } }, gtm.uniqueEventId: 30 })
Fin du processus d’achat ( purchase )
dataLayer.push({ event: "purchase", ecommerce: { purchase: { actionField: { id: "268336", // Numéro de réservation affiliation: "TWebshop - test_oem", revenue: 41, tax: 0, shipping: 0, action: "purchase" }, products: [ { sku: "OEM00020100240821453", name: "Circuit d'essai dans une Tesla Model 3", category: "", price: 41, quantity: 1, variant: "Adulte (TicketAdulte)", brand: "" } ] } }, gtm.uniqueEventId: 33 })