enhanced ecommerce implementation

Google Analytics Enhanced E-Commerce : Comportement d’achat

Le plugin enhanced e-commerce de Google Analytics permet ajouter de fonctionnalités et de rapports indispensables pour le suivi d’e-commerce.

Enhanced E-Commerce : comportement d’achat.

Ce reporting permet d’analyser le chemin de parcours complet d’utilisateur sur un site e-commerce : dès son entrée sur le site jusqu’à transaction. Afin de le configurer correctement, les étapes doivent être renseignés dans Admin > Paramètres de Commerce Electronique. Activez les rapports sur le commerce électronique et entrez les libellés pour chaque étape. Les étapes possibles pour un parcours :

  1. Sessions sans activité d’achat
  2. Sessions avec une vue produit (un utilisateur a visité la fiche produit)

ga-comportement-achat

Vous pouvez également construire des segments d’utilisateurs selon les étapes de progression sur votre site :

  • Les sessions sans comportement d’achat : pas de visites sur les fiches produit ni d’ajout de produit dans le panier. Sur la capture d’écran segment No Shopping Activity.
  • Les sessions avec de visites sur les pages produit mais sans ajout de produit dans le panier. On peut également appeler ce segment Sans ajout au panier.
  • Les sessions avec l’ajout de produit au panier mais sans début de processus de Check out. L’abandonnement de panier. Ce segment peut être utilisé pour le remarketing.
  • Les sessions avec l’abandon du panier aux différents étapes de Check out ou Check out Abandonnement.

ga-segment-commerce-electronique

Ces segments peuvent être utilisés afin de déterminer le canal marketing qui génère le plus de trafic sans achats. Pour cela allez dans Acquisition > Tout le trafic > Canaux et choisissez un des segments de comportement d’achat.

  1. Le tableau de comportement d’achat :

ga-tableau-comportement-achat

Ce tableau est situé juste en-dessous de report sur le comportement d’achat et contient deux onglets : Sessions et Abandonnement ainsi que la possibilité d’utiliser une dimension personnalisée.

Par exemple, en utilisant la dimension « catégorie d’appareil » vous pouvez afficher le reporting sur le taux d’abandon de panier pour les supports différents : desktop, tablette, mobile.

Intégration de code pour les fonctionnalités Enhanced E-commerce : tunnel de conversion et comportement d’achat.

Afin de bénéficier des fonctionnalités proposées par Enhances E-commerce, et en particulier, de suivi de tunnel de conversion, un code spécifique doit être installé sur votre site.

  1. Le première étape est l’enregistrement de visites sur les fiches produits.
<script>
 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXX-YY', 'auto');
ga('require', 'ec');
ga('ec:addProduct',{ // fonction de collecte de la donnée sur les produit (toutes les action, à part les impressions)

// productFieldObject enregistre les clics sur les liens vers fiches produit

 'id': '[Server Variable]', // Produit ID/SKU - Type: string

 'name': '[Server Variable]', // Le nom de produit - Type: string

 'category': '[Server Variable]', // Catégorie de produit - Type: string

 'brand': '[Server Variable]', // Marque produit - Type: string

 'variant': '[Server Variable]', // Variations de produit : couleur, taille - Type: string
});
ga('ec:setAction', 'detail'); // visite sur une fiche produit
});
ga('send', 'pageview');

</script>

Le développeur doit remplacer les variables (id, name, category, brand) avec les données des produits disponibles sur votre site. Les valeurs doivent être renseignées dynamiquement sur toutes les fiches produit.

2. Deuxième étape du tunnel de conversion est ajout d’un produit dans la panier

Afin d’enregistrer les données sur l’ajout de produits dans la panier, intégrer le code suivant « onClick » sur le bouton de call-to-action sur chaque fiche produit ainsi que sur la page panier :

// La fonctione est appelée lorsqu'un produit est ajouté au panier

function addToCart(product) {
 ga('ec:addProduct',{

// productFieldObject collecte les clics produit et autres données

 'id': '[Server Variable]', // ID/SKU Produit - Type: string

 'name': '[Server Variable]', // Nom de produit - Type: string

 'category': '[Server Variable]', // Catégorie de produit - Type: string

 'brand': '[Server Variable]', // Marque de produit - Type: string

 'variant': '[Server Variable]', // Variation de produit (couleur, taille) - Type: string

'price': [Server Variable], // Prix de produit - Type: numeric

'quantity': [Server Variable], // Quantité de produit - Type: numeric

});
ga('ec:setAction', 'add'); // enregistrer l'ajout au panier, la fonction d'e-commerce amélioré
 ga('send', 'event', 'enhanced ecommerce', 'button click', 'add to Cart'); // Envoie 'add to cart' grâce à l'event implémenté.
}

Une fois la fonction est créée, il faut l’ajouter sur le bouton d’ajout de produit au panier. Cela peut être implémenté à l’aide de JavaScript comme un eventHandler « onClick » :

<button onclick="addToCart(product);">Add to Cart</button>

3. Le premier étape de tunnel de conversion

Après que les produits ont été ajoutés au panier, il faut marquer le début du tunnel de commande grâce à la commande ec:setAction. Intégrez la fonction suivante sur chaque page de tunnel de conversion et lancez-la grâce au clic sur les boutons de progression dans le tunnel :

/**
 * Appelé lorsque utilisateur clique sur le bouton "commander", sur onClick
 */
function checkout(cart) {
 for(var i = 0; i < cart.length; i++) {
 var product = cart[i];
 ga('ec:addProduct', {
 'id': product.id,
 'name': product.name,
 'category': product.category,
 'brand': product.brand,
 'variant': product.variant,
 'price': product.price,
 'quantity': product.qty
 });
}ga('ec:setAction','checkout', {'step': numéro}); // le numéro indique les étapes de tunnel de commande. Il faut le changer au fur et au mesure d'avancement dans le tunnel de commande.
}

Laisser un commentaire