Tracker un site e-commerce

Vous débutez avec Piano Analytics (AT Internet) et vous ne savez pas comment utiliser le tracking de Sales Insights. Nous allons vous montrer les méthodes standards afin d’utiliser les analyses prédéfinies de la solution Analytics.

Choisir les events product et/ou cart

Votre première étape est de définir les events que vous souhaitez tracker sur votre plateforme. Chez Piano Analytics, vous avez des events de produits ou de panier pour analyser le tunnel d’achat jusqu’à la transaction.

Voici les events produit :

product.display > affichage produit (sur une liste produit, un product.display par produit affiché)
product.page_display > affichage de la page produit
product.add_to_cart > ajout d’un produit au panier
product.remove_from_cart > suppression d’un produit du panier
product.awaiting_payment > produit en attente de paiement (un product.awaiting_payment par produit présent dans le panier) quand on envoie un event de transaction.confirmation en server-side
product.purchased > produit acheté (un event par produit acheté)

et les events cart :

cart.creation > créaction d’un panier lors de l’ajout du premier produit
cart.display > affichage panier
cart.delivery > affichage de l’étape de livraison
cart.payment > affichage de l’étape de paiement ou au moment de l’envoi du paiement
cart.update > mise à jour du panier lors de l’ajout ou la suppression d’un produit
cart.awaiting_payment > panier en attente de paiement quand on envoie un event transaction.confirmation en server-side
transaction.confirmation > confirmation de transaction

Nous définirons la confirmation de transaction en server-side dans un prochain article avec ses spécificités et les tips à cet usage.

Votre seconde étape sera d’intégrer les events avec les propriétés standards Sales Insights de Piano Analytics. La solution propose une longue liste de propriétés liées à la définition d’un produit et ou les informations de chaque étape du panier dans le tunnel d’achat.

Mais vous avez bien sûr la possibilité de pousser des informations produits dans un event panier, rien ne vous en empêche, bien au contraire.

Prenons l’exemple de l’event d’ajout d’un produit au panier avec propriétés standards de Piano Analytics :


//ajout au panier avec les propriétés standards de Piano Analytics
pa.sendEvent('product.add_to_cart', {
  'cart_id' : 'LAPW221C', // obligatoire
  'product_id' : 'LPTAX174' // obligatoire et unique
  'product' : 'Laptop AX174',
  'product_variant' : '8Go RAM',
  'product_brand' : 'Laptop',
  'product_discount' : false,
  'product_pricetaxincluded' : 1399.9,
  'product_pricetaxfree' : 1120.9,
  'product_stock' : true,
  'product_category1' : 'Hardware',
  'product_category2' : 'Computer',
  'product_category3' : 'Gaming',
  'product_category4' : 'Laptop',
  'product_quantity' : 1
});

Note intéressante sachez que les propriétés ‘product_pricetaxincluded’ et ‘product_pricetaxfree’ doivent reprendre le prix unitaire du produit, ne multipliez-pas avec la quantité de produit si un visiteur ajoute 2 produits identiques en même temps, il faudra bien garder le prix unitaire du produit et mettre ‘product_quantity’: 2.

En effet, le processing de Piano Analitycs réalise une multiplication pour donner le chiffre d’affaires par produit acheté.

Prenons maintenant l’exemple de l’event d’affichage panier avec les propriétés standards de Piano Analytics du panier où nous ajoutons également une propriété personnalisée qui permet d’identifier les produits disponibles dans le panier (cela permettra de faire des analyses plus poussées dans l’outil) :


//ajout au panier avec les propriétés standards de Piano Analytics
pa.sendEvent('cart.display', {
  'cart_id' : 'LAPW221C' // obligatoire,
  'cart_currency' : 'EUR',
  'cart_turnovertaxincluded' : 1399.9,
  'cart_turnovertaxfree' : 1120.9,
  'cart_quantity' : 3,
  'cart_nbdistinctproduct' : 2, //ici 2 car il y a des vêtements et des chaussures
  'cart_products' : ['t-shirt', 'short', 'basket') // propriété personnalisée qui récupère le nom des produits à l'affichage du panier
});

Note importante : ‘product_id’ doit être unique. En e-commerce, vous pouvez avoir un seul id produit pour plusieurs produits qui auraient une couleur, une taille diférente, etc…

Il faudra alors utiliser la propriété ‘product_variant’ pour différencier les produits.

Imaginons que vous ayez un produit ‘t-shirt’ qui a comme ‘product_id’ : ‘123456’ pour la couleur rouge, verte, etc… Il faudra alors ajouter par exemple ‘product_variant’ : ‘rouge’ afin de différencier les produits.

Le processing de Piano Analytics a besoin de différencier les produits et c’est grâce au variant qu’il le fait. Rien ne vous empêche de pousser dans le ‘product_variant’, la taille, la couleur, etc… Il faudra juste penser à rester au format string.

Sinon vos informations de produits achetés seront faussées car Piano prendra en compte qu’un seul produit au moment de la transaction s’il y a plusieurs produits avec le même ‘product_id’ sans différenciation. Et PAF, pas de data, pas de chocolat !

Tracker votre tunnel d’achat avec Piano Analytics

Dans Piano Analytics, le menu de gauche vous permet d’accéder au module de Sales Insights pour suivre votre business e-commerce.
Pour accéder au tunnel d’achat, il faut aller dans « Porcessus d’achat ».

Afin de réaliser le tracking adéquat pour alimenter cette analyse, il vous faudra tracker les events suivants (s’il vous en manque, cela ne bloque pas l’analyse) :

cart.display
cart.delivery
cart.payment
cart.awaiting_payment (si confirmation de transaction en server-side)
transaction.confirmation

Attention : A partir du moment où un premier produit a été ajouté au panier, cela entraîne la création d’un id de panier unique (‘cart_id’) qu’il faudra bien sûr garder tout au long du processus d’achat.

Nous allons donner un exemple de tracking possible à déposer sur chacune des actions mentionées ci-dessus :

Affichage du panier : cart.display


pa.sendEvent('cart.display', {
  'cart_id' : 'LAPW221C' // obligatoire
  'cart_currency' : 'EUR',
  'cart_turnovertaxincluded' : 1399.9,
  'cart_turnovertaxfree' : 1120.9,
  'cart_quantity' : 1,
  'cart_nbdistinctproduct' : 1
});
</script>

Affichage de l’étape de livraison : cart.delivery


pa.sendEvent('cart.delivery', {
  'cart_id' : 'LAPW221C' // obligatoire
  'cart_currency' : 'EUR',
  'cart_turnovertaxincluded' : 1399.9,
  'cart_turnovertaxfree' : 1120.9,
  'cart_quantity' : 1,
  'cart_nbdistinctproduct' : 1
});
</script>

Affichage de l’étape de paiement ou au moment de payer : cart.payment (dans cet event, vous allez pouvoir récupérer les informations de livraison de l’étape précédente ainsi que le mode de paiement si vous le déclencher au moment de payer)


pa.sendEvent('cart.payment', {
  'cart_id' : 'LAPW221C' // obligatoire
  'cart_currency' : 'EUR',
  'cart_turnovertaxincluded' : 1399.9,
  'cart_turnovertaxfree' : 1120.9,
  'cart_quantity' : 1,
  'cart_nbdistinctproduct' : 1,
  'shipping_delivery' : 'Express',
  'shipping_costtaxincluded' : 11.99,
  'shipping_costtaxfree' : 10.99,
  'payment_mode' : 'Credit card'
});
</script>

Affichage de l’étape de confirmation de transaction : transaction.confirmation


pa.sendEvent('transaction.confirmation', {
      cart_id: "LAPW221C", // obligatoire
      cart_currency: "EUR",
      cart_turnovertaxincluded: 1399.9,
      cart_creation_utc: 1666196008,
      cart_turnovertaxfree: 1120.9,
      cart_quantity: 1,
      cart_nbdistinctproduct: 1,
      shipping_delivery: "Express",
      shipping_costtaxincluded: 11.99,
      shipping_costtaxfree: 10.99,
      transaction_id: "TR221SI", // obligatoire
      transaction_promocode: ["REDUC10"],
      transaction_status: "charged",
      transaction_firstpurchase: true,
      payment_mode: "Credit card"
});
</script>

Attention : ‘transaction_id’ est obligatoire sinon votre transaction sera ignorée par le processing de Piano Analytics.

Pour l’utilisation de l’analyse du tunnel d’achat dans l’interface de Piano Analytics, il n’y a aucun event lié aux produits mais vous avez tout à fait la possibilité de les ajouter afin de pouvoir avoir les autres analyses disponibles de la solution dans le catalogue produits, etc…

En résumé :

choisir les events Sales Insights de Piano Analytics
intégrer les premiers events Sales Insights avec les propriétés standards ou personnalisées choisies
intégrer les events dédiés pour avoir le tunnel d’achat par défaut dans Piano Analytics (cart.display / cart.delivery / cart.payment ou cart.awaiting_payment / transaction.confirmation)

Vous êtes maintenant fin prêt pour réaliser vos premières analyses du tunnel d’achat de la solution Piano Analytics, enjoy !

Pas de data, pas de chocolat !