Checkout

E-commerce GA4 : begin_checkout + add_shipping_info + add_payment_info

Le checkout multi-etapes push 3 events : begin_checkout au chargement, puis add_shipping_info et add_payment_info a chaque etape validee.

  1. Ouvrir GTM Preview
  2. Observer "begin_checkout" au chargement
  3. Remplir l'etape livraison et observer "add_shipping_info"
  4. Remplir l'etape paiement et observer "add_payment_info"
  5. Cliquer "Confirmer" pour aller a la page de confirmation
1. Livraison
2. Paiement
3. Confirmation

Informations de livraison

Informations de paiement

Simulation - aucune donnee n'est envoyee.

Tout est pret !

Cliquez pour finaliser votre commande (simulation).

Confirmer la commande
dataLayer.push - Events checkout 
// Les 3 events du checkout :

// 1. begin_checkout (au chargement)
window.dataLayer.push({
    event: "begin_checkout",
    ecommerce: { currency: "EUR", value: 794, items: [...] }
});

// 2. add_shipping_info (apres validation livraison)
window.dataLayer.push({
    event: "add_shipping_info",
    ecommerce: { currency: "EUR", value: 794, shipping_tier: "Standard", items: [...] }
});

// 3. add_payment_info (apres validation paiement)
window.dataLayer.push({
    event: "add_payment_info",
    ecommerce: { currency: "EUR", value: 794, payment_type: "Credit Card", items: [...] }
});