Guide Enhanced E-Commerce Google Analytics 4 pour GTM

Référence des événements e-commerce #

Adapté depuis la documentation officielle.

view_item_list #

L’événement view_item_list doit être déclenché lorsque l’utilisateur voit une liste de produits. Généralement, une liste ne contient pas plusieurs fois le même produit mais un produit peut s’afficher dans plusieurs listes (catégorie, produits mis en avant, nouveautés, etc.).

Modèle de Data Layer pour view_item_list #

dataLayer.push({ ecommerce: null });  // On supprime l'ancien objet ecommerce
dataLayer.push({
  event: "view_item_list", // nom de l'événement
  ecommerce: {
    // paramètres de l'événement
    item_list_id: "nouveautés_été",
    item_list_name: "Nouveautés été",
    items: [ // produits présents dans la liste
     {
      // paramètres du produit
      item_id: "4561897",
      item_name: "T-shirt Iron Man",
      affiliation: "Store de Paris",
      coupon: "PROMO_ETE",
      discount: 4.57,
      index: 3,
      item_brand: "Paris Clothes",
      item_category: "Habits",
      item_category2: "Hommes",
      item_category3: "T-shirts",
      item_category4: "Univers Marvel",
      item_category5: "Manches longues",
      item_list_id: "nouveautés_été",
      item_list_name: "Nouveautés été",
      item_variant: "Rouge",
      location_id: "ChIJD7fiBh9u5kcRYJSMaMOCCwQ",
      price: 29.99,
      quantity: 19
    }]
  }
});

Modèle de données de l’objet ecommerce pour view_item_list #

Modèle de données de l’objet Item pour view_item_list #

view_item #

L’événement view_item doit être déclenché lorsque l’utilisateur voit la page d’un produit spécifique. Cet événement peut vous permettre de voir quels produits et quelles catégories de produits sont les plus consultés.

Modèle de Data Layer pour view_item #

dataLayer.push({ ecommerce: null });  // On supprime l'ancien objet ecommerce
dataLayer.push({
  event: "view_item", // nom de l'événement
  ecommerce: {
    // paramètres de l'événement
    currency: "EUR",
    value: 29.99,
    items: [ // produit présenté à l'utilisateur
     {
      // paramètres du produit
      item_id: "4561897",
      item_name: "T-shirt Iron Man",
      affiliation: "Store de Paris",
      coupon: "PROMO_ETE",
      discount: 4.57,
      index: 3,
      item_brand: "Paris Clothes",
      item_category: "Habits",
      item_category2: "Hommes",
      item_category3: "T-shirts",
      item_category4: "Univers Marvel",
      item_category5: "Manches longues",
      item_list_id: "nouveautés_été",
      item_list_name: "Nouveautés été",
      item_variant: "Rouge",
      location_id: "ChIJD7fiBh9u5kcRYJSMaMOCCwQ",
      price: 29.99,
      quantity: 19
    }]
  }
});

Modèle de données de l’objet ecommerce pour view_item #

Modèle de données de l’objet Item pour view_item #

add_to_wishlist #

L’événement add_to_wishlist doit être déclenché lorsque l’utilisateur joute un ou plusieurs produits à sa liste de souhaits. Cet événement peut vous permettre de voir quels produits et quelles catégories de produits sont les plus ajoutés à la liste de souhaits.

Modèle de Data Layer pour add_to_wishlist #

dataLayer.push({ ecommerce: null });  // On supprime l'ancien objet ecommerce
dataLayer.push({
  event: "add_to_wishlist", // nom de l'événement
  ecommerce: {
    // paramètres de l'événement
    currency: "EUR",
    value: 29.99,
    items: [ // produits ajoutés à la liste de souhaits lors de l'événement
     {
      // paramètres du produit
      item_id: "4561897",
      item_name: "T-shirt Iron Man",
      affiliation: "Store de Paris",
      coupon: "PROMO_ETE",
      discount: 4.57,
      index: 3,
      item_brand: "Paris Clothes",
      item_category: "Habits",
      item_category2: "Hommes",
      item_category3: "T-shirts",
      item_category4: "Univers Marvel",
      item_category5: "Manches longues",
      item_list_id: "nouveautés_été",
      item_list_name: "Nouveautés été",
      item_variant: "Rouge",
      location_id: "ChIJD7fiBh9u5kcRYJSMaMOCCwQ",
      price: 29.99,
      quantity: 19
    }]
  }
});

Modèle de données de l’objet ecommerce pour add_to_wishlist #

Modèle de données de l’objet Item pour add_to_wishlist #

add_to_cart #

L’événement add_to_cart doit être déclenché lorsque l’utilisateur ajoute un ou plusieurs produits au panier. Cet événement peut vous permettre de voir quels produits et quelles catégories de produits sont les plus ajoutés au panier.

Modèle de Data Layer pour add_to_cart #

dataLayer.push({ ecommerce: null });  // On supprime l'ancien objet ecommerce
dataLayer.push({
  event: "add_to_cart", // nom de l'événement
  ecommerce: {
    // paramètres de l'événement
    currency: "EUR",
    value: 29.99,
    items: [ // produits ajoutés au panier lors de l'événement
     {
      // paramètres du produit
      item_id: "4561897",
      item_name: "T-shirt Iron Man",
      affiliation: "Store de Paris",
      coupon: "PROMO_ETE",
      discount: 4.57,
      index: 3,
      item_brand: "Paris Clothes",
      item_category: "Habits",
      item_category2: "Hommes",
      item_category3: "T-shirts",
      item_category4: "Univers Marvel",
      item_category5: "Manches longues",
      item_list_id: "nouveautés_été",
      item_list_name: "Nouveautés été",
      item_variant: "Rouge",
      location_id: "ChIJD7fiBh9u5kcRYJSMaMOCCwQ",
      price: 29.99,
      quantity: 19
    }]
  }
});

Modèle de données de l’objet ecommerce pour add_to_cart #

Modèle de données de l’objet Item pour add_to_cart #

remove_from_cart #

L’événement remove_from_cart doit être déclenché lorsque l’utilisateur retire un ou plusieurs produits de son panier. Cet événement peut vous permettre de voir quels produits et quelles catégories de produits sont les plus retirés du panier.

Modèle de Data Layer pour remove_from_cart #

dataLayer.push({ ecommerce: null });  // On supprime l'ancien objet ecommerce
dataLayer.push({
  event: "remove_from_cart", // nom de l'événement
  ecommerce: {
    // paramètres de l'événement
    currency: "EUR",
    value: 29.99,
    items: [ // produits retirés du panier lors de l'événement
     {
      // paramètres du produit
      item_id: "4561897",
      item_name: "T-shirt Iron Man",
      affiliation: "Store de Paris",
      coupon: "PROMO_ETE",
      discount: 4.57,
      index: 3,
      item_brand: "Paris Clothes",
      item_category: "Habits",
      item_category2: "Hommes",
      item_category3: "T-shirts",
      item_category4: "Univers Marvel",
      item_category5: "Manches longues",
      item_list_id: "nouveautés_été",
      item_list_name: "Nouveautés été",
      item_variant: "Rouge",
      location_id: "ChIJD7fiBh9u5kcRYJSMaMOCCwQ",
      price: 29.99,
      quantity: 19
    }]
  }
});

Modèle de données de l’objet ecommerce pour remove_from_cart #

Modèle de données de l’objet Item pour remove_from_cart #

view_cart #

L’événement view_cart doit être déclenché lorsque l’utilisateur voit son panier.

Modèle de Data Layer pour view_cart #

dataLayer.push({ ecommerce: null });  // On supprime l'ancien objet ecommerce
dataLayer.push({
  event: "view_cart", // nom de l'événement
  ecommerce: {
    // paramètres de l'événement
    currency: "EUR",
    value: 29.99,
    items: [ // produits présents dans le panier lors de l'événement
     {
      // paramètres du produit
      item_id: "4561897",
      item_name: "T-shirt Iron Man",
      affiliation: "Store de Paris",
      coupon: "PROMO_ETE",
      discount: 4.57,
      index: 3,
      item_brand: "Paris Clothes",
      item_category: "Habits",
      item_category2: "Hommes",
      item_category3: "T-shirts",
      item_category4: "Univers Marvel",
      item_category5: "Manches longues",
      item_list_id: "nouveautés_été",
      item_list_name: "Nouveautés été",
      item_variant: "Rouge",
      location_id: "ChIJD7fiBh9u5kcRYJSMaMOCCwQ",
      price: 29.99,
      quantity: 19
    }]
  }
});

Modèle de données de l’objet ecommerce pour view_cart #

Modèle de données de l’objet Item pour view_cart #

begin_checkout #

L’événement begin_checkout doit être déclenché lorsque l’utilisateur débute sa commande.

Modèle de Data Layer pour begin_checkout #

dataLayer.push({ ecommerce: null });  // On supprime l'ancien objet ecommerce
dataLayer.push({
  event: "begin_checkout", // nom de l'événement
  ecommerce: {
    // paramètres de l'événement
    currency: "EUR",
    value: 29.99,
    coupon: "FLASH",
    items: [ // produits présents dans la commande lors de l'événement
     {
      // paramètres du produit
      item_id: "4561897",
      item_name: "T-shirt Iron Man",
      affiliation: "Store de Paris",
      coupon: "PROMO_ETE",
      discount: 4.57,
      index: 3,
      item_brand: "Paris Clothes",
      item_category: "Habits",
      item_category2: "Hommes",
      item_category3: "T-shirts",
      item_category4: "Univers Marvel",
      item_category5: "Manches longues",
      item_list_id: "nouveautés_été",
      item_list_name: "Nouveautés été",
      item_variant: "Rouge",
      location_id: "ChIJD7fiBh9u5kcRYJSMaMOCCwQ",
      price: 29.99,
      quantity: 19
    }]
  }
});

Modèle de données de l’objet ecommerce pour begin_checkout #

Modèle de données de l’objet Item pour begin_checkout #

add_shipping_info #

L’événement add_shipping_info doit être déclenché lorsque l’utilisateur a ajouté ses informations de livraison.

Modèle de Data Layer pour add_shipping_info #

dataLayer.push({ ecommerce: null });  // On supprime l'ancien objet ecommerce
dataLayer.push({
  event: "add_shipping_info", // nom de l'événement
  ecommerce: {
    // paramètres de l'événement
    currency: "EUR",
    value: 29.99,
    coupon: "FLASH",
    shipping_tier: "Colissimo Express",
    items: [ // produits présents dans la commande lors de l'événement
     {
      // paramètres du produit
      item_id: "4561897",
      item_name: "T-shirt Iron Man",
      affiliation: "Store de Paris",
      coupon: "PROMO_ETE",
      discount: 4.57,
      index: 3,
      item_brand: "Paris Clothes",
      item_category: "Habits",
      item_category2: "Hommes",
      item_category3: "T-shirts",
      item_category4: "Univers Marvel",
      item_category5: "Manches longues",
      item_list_id: "nouveautés_été",
      item_list_name: "Nouveautés été",
      item_variant: "Rouge",
      location_id: "ChIJD7fiBh9u5kcRYJSMaMOCCwQ",
      price: 29.99,
      quantity: 19
    }]
  }
});

Modèle de données de l’objet ecommerce pour add_shipping_info #

Modèle de données de l’objet Item pour add_shipping_info #

add_payment_info #

L’événement add_payment_info doit être déclenché lorsque l’utilisateur a ajouté ses informations de paiement.

Modèle de Data Layer pour add_payment_info #

dataLayer.push({ ecommerce: null });  // On supprime l'ancien objet ecommerce
dataLayer.push({
  event: "add_payment_info", // nom de l'événement
  ecommerce: {
    // paramètres de l'événement
    currency: "EUR",
    value: 29.99,
    coupon: "FLASH",
    payment_type: "Carte bancaire",
    items: [ // produits présents dans la commande lors de l'événement
     {
      // paramètres du produit
      item_id: "4561897",
      item_name: "T-shirt Iron Man",
      affiliation: "Store de Paris",
      coupon: "PROMO_ETE",
      discount: 4.57,
      index: 3,
      item_brand: "Paris Clothes",
      item_category: "Habits",
      item_category2: "Hommes",
      item_category3: "T-shirts",
      item_category4: "Univers Marvel",
      item_category5: "Manches longues",
      item_list_id: "nouveautés_été",
      item_list_name: "Nouveautés été",
      item_variant: "Rouge",
      location_id: "ChIJD7fiBh9u5kcRYJSMaMOCCwQ",
      price: 29.99,
      quantity: 19
    }]
  }
});

Modèle de données de l’objet ecommerce pour add_payment_info #

Modèle de données de l’objet Item pour add_payment_info #

purchase #

L’événement purchase doit être déclenché lorsque l’utilisateur a complété sa commande.

Important : cet événement est considéré comme une conversion par défaut dans Google Analytics 4.

Modèle de Data Layer pour purchase #

dataLayer.push({ ecommerce: null });  // On supprime l'ancien objet ecommerce
dataLayer.push({
  event: "purchase", // nom de l'événement
  ecommerce: {
    // paramètres de l'événement
    currency: "EUR",
    value: 29.99,
    coupon: "FLASH",
    transaction_id: "154561",
    shipping: 4.48,
    tax: 5.99,
    items: [ // produits présents dans la commande lors de l'événement
     {
      // paramètres du produit
      item_id: "4561897",
      item_name: "T-shirt Iron Man",
      affiliation: "Store de Paris",
      coupon: "PROMO_ETE",
      discount: 4.57,
      index: 3,
      item_brand: "Paris Clothes",
      item_category: "Habits",
      item_category2: "Hommes",
      item_category3: "T-shirts",
      item_category4: "Univers Marvel",
      item_category5: "Manches longues",
      item_list_id: "nouveautés_été",
      item_list_name: "Nouveautés été",
      item_variant: "Rouge",
      location_id: "ChIJD7fiBh9u5kcRYJSMaMOCCwQ",
      price: 29.99,
      quantity: 19
    }]
  }
});

Modèle de données de l’objet ecommerce pour purchase #

Modèle de données de l’objet Item pour purchase #

refund #

L’événement refund doit être déclenché lorsqu’un ou plusieurs articles ont été remboursés à un client.

Dans cet événement, il n’est pas obligatoire de transmettre des produits mais c’est fortement recommandé.

Modèle de Data Layer pour refund #

dataLayer.push({ ecommerce: null });  // On supprime l'ancien objet ecommerce
dataLayer.push({
  event: "refund", // nom de l'événement
  ecommerce: {
    // paramètres de l'événement
    currency: "EUR",
    value: 29.99,
    coupon: "FLASH",
    transaction_id: "154561",
    shipping: 4.48,
    tax: 5.99,
    items: [ // produits remboursés
     {
      // paramètres du produit
      item_id: "4561897",
      item_name: "T-shirt Iron Man",
      affiliation: "Store de Paris",
      coupon: "PROMO_ETE",
      discount: 4.57,
      index: 3,
      item_brand: "Paris Clothes",
      item_category: "Habits",
      item_category2: "Hommes",
      item_category3: "T-shirts",
      item_category4: "Univers Marvel",
      item_category5: "Manches longues",
      item_list_id: "nouveautés_été",
      item_list_name: "Nouveautés été",
      item_variant: "Rouge",
      location_id: "ChIJD7fiBh9u5kcRYJSMaMOCCwQ",
      price: 29.99,
      quantity: 19
    }]
  }
});

Modèle de données de l’objet ecommerce pour refund #

Modèle de données de l’objet Item pour refund #