Fiche Produit

E-commerce GA4 : view_item + add_to_cart

La fiche produit push view_item au chargement et add_to_cart au clic sur le bouton. Le produit affiche depend du parametre ?id= dans l'URL.

  1. Ouvrir GTM Preview
  2. Observer "view_item" au chargement
  3. Cliquer "Ajouter au panier" et observer "add_to_cart"
  4. Naviguer vers le panier pour continuer le funnel

Chargement du produit...

dataLayer.push - view_item + add_to_cart 
// Event view_item (au chargement de la fiche produit) :
window.dataLayer.push({ ecommerce: null });
window.dataLayer.push({
    event: "view_item",
    ecommerce: {
        currency: "EUR",
        value: 497,        // Prix du produit
        items: [{
            item_id: "SKU-GTM-001",
            item_name: "Formation GTM Avancee",
            price: 497,
            item_category: "Formations",
            item_brand: "impulsion.com"
        }]
    }
});

// Event add_to_cart (au clic sur le bouton) :
window.dataLayer.push({ ecommerce: null });
window.dataLayer.push({
    event: "add_to_cart",
    ecommerce: {
        currency: "EUR",
        value: 497,
        items: [{
            item_id: "SKU-GTM-001",
            item_name: "Formation GTM Avancee",
            price: 497,
            item_category: "Formations",
            item_brand: "impulsion.com",
            quantity: 1
        }]
    }
});