Informations générales sur le suivi du commerce électronique
Important ! Le suivi du commerce électronique n'est disponible qu'à partir de l'abonnement Business.
Le suivi e-commerce offre un suivi complet de ta boutique en ligne, similaire à celui que tu connais dans le suivi e-commerce de Google Analytics.
Les données suivantes sont également déterminées ici :
- Chiffre d'affaires des articles
- Top Channel (sur la base des ventes)
- Panier Saut
- Produit le plus vendu
- meilleur jour (sur la base de la plage horaire sélectionnée)
- produits les plus consultés
- liste de toutes les commandes, y compris la page d'accueil correspondante (la page d'accueil est la première page consultée par le visiteur lors de sa visite)
- Affichage du montant des ventes par canal (par ex. Facebook, sites web de référence, etc.) , pays et régions, sources UTM, navigateurs et terminaux)
Toutes les données peuvent être filtrées et triées. Vous pouvez ainsi évaluer les performances de votre boutique en ligne dans les moindres détails.
Pour les différents domaines, il existe, en plus de la vue standard, l'option de passer à la vue détaillée.
Celle-ci offre alors une autre possibilité de consulter les données.
Utilisation / activation du suivi du commerce électronique
Le suivi du commerce électronique est automatiquement disponible à partir du tarif Business.
Intégration du code pour le suivi du commerce électronique
Pour que le suivi du commerce électronique fonctionne, il est nécessaire d'intégrer des scripts supplémentaires dans votre site web.
En principe, vous avez deux possibilités pour intégrer ces scripts dans votre site :
- intégration manuelle
- Intégration via un plugin correspondant
Intégration manuelle
L'intégration manuelle nécessite des connaissances en programmation et ne devrait être effectuée que par des développeurs expérimentés.
Tous les événements utilisent le même appel :
trackboxx('Purchase', [
{ type: '' },
...objets supplémentaires (product, cart, optional context) ...
]);
Événements et Charges utiles
- ViewProduct (Page de détail du produit)
Déclenchement : Quand une page de détail de produit est chargée.
Données minimales : Nom du produit, prix.
Exemple :
<script> trackboxx('Purchase' (achat), [ { type : 'ViewProduct' (voir produit) }, { type : 'produit, nom : '%%NOM_DU_PRODUIT%%'., prix : 99.90 } ]); </script>Langage du code : HTML, XML (xml)Remarques :
- Prix numérique (point comme séparateur décimal).
- Ajouter optionnellement des champs supplémentaires (p. ex. sku, category, currency).
- ViewCart (Page du panier)
Déclenchement : Lors de l'accès à la page du panier.
Données minimales : Total du panier (amount). Optionnel : tous les produits contenus.
Exemple :
<script> trackboxx('Purchase' (achat), [ { type : 'ViewCart }, { type : 'cart' (carte), compte : 149.70 }, { type : 'produit, nom : 'Produit A, prix : 99.90 }, { type : 'produit, nom : 'Produit B, prix : 49.80 } ]); </script>Langage du code : HTML, XML (xml)Remarques :
- amount = total actuel du panier (brut ou net, rester cohérent dans le système).
- Ajouter un objet { type : 'product', ... } distinct par position de panier.
- AddToCart (Product added to cart)
Trigger: Immediately after successful "Add to cart" action (button click or server confirmation).
Minimum data: Product name, price.
Example:
<script> trackboxx('Purchase' (achat), [ { type : 'AddToCart' (ajouter un article) }, { type : 'produit, nom : '%%NOM_DU_PRODUIT%%'., prix : 19.99 } ]); </script>Langage du code : HTML, XML (xml)Remarques :
- Pour les paniers AJAX, déclencher après le callback "added to cart".
- Pour les ajouts côté serveur, déclencher sur la page suivante après l'action réussie (une seule fois !).
Bonnes pratiques
- Déduplication : S'assurer qu'AddToCart n'est envoyé qu'une seule fois par action (p. ex. pas de duplication lors du rechargement de page).
- Timing : Déclencher ViewProduct/ViewCart lors de la construction de la page ; AddToCart seulement après succès confirmé.
- Devises : Si possible, cohérentes dans toute la boutique (p. ex. EUR). Optionnellement vous pouvez passer un objet supplémentaire :
{ type: 'context', currency: 'EUR' } - Prix et montants : En tant que Number (pas string). Utiliser le point décimal (p. ex. 19.99).
- Protection des données : Ne pas transmettre de données personnelles (pas d'e-mail, pas de noms, pas d'adresses). Respecter le consentement.
Liste de contrôle rapide par système
- Custom Shops: Server-side insert variables (name/price/total) into the inline script.
- Shopify: Embed snippets in templates (product.liquid, cart.liquid); for AddToCart hook into the AJAX callback.
- Shopware/Magento : Dans le thème/plugin se connecter aux événements/hooks respectifs (page produit, page panier, événements d'ajout).
Référence : Variantes minimales
ViewProduct (minimal)
trackboxx('Purchase' (achat), [
{ type: 'ViewProduct' (voir produit) },
{ type: 'produit, nom: 'Nom du produit 1, prix: 19.99 }
]);Langage du code : JavaScript (javascript)ViewCart (minimal)
trackboxx('Purchase' (achat), [
{ type: 'ViewCart },
{ type: 'cart' (carte), amount: 19.99 }
]);Langage du code : JavaScript (javascript)AddToCart (minimal)
trackboxx('Purchase' (achat), [
{ type: 'AddToCart' (ajouter un article) },
{ type: 'produit, nom: 'Nom du produit 1, prix: 19.99 }
]);Langage du code : JavaScript (javascript)Intégration via un plugin
Actuellement, l'intégration par plugin est possible avec les systèmes suivants :
- WordPress - Téléchargez le plugin ici.
- JTL - Téléchargez le plugin ici.
Nous mettrons en œuvre d'autres plug-ins au fur et à mesure.
Actuellement déjà en cours de réalisation :
- ePages (désormais disponible)
- Shopware
Affichage des produits les plus consultés
Pour éditer cette annonce, veuillez procéder comme suit :
- clique sur la roue dentée des paramètres et sélectionne "Sites web
- sur la page web correspondante, clique sur les 3 points après la page web
Dans le popup suivant, nous avons maintenant 2 options pour utiliser/configurer cette sortie :
- Vos produits ont un chemin unique - par exemple www.webseite.de/produits/produit-XYZ
Dans ce cas, "Produits" - vous pouvez alors utiliser la première option et saisir ce chemin à l'endroit approprié :
Le format serait : (.*)/produits/(.*)
2. s'il n'y a pas de chemin clair, nous devons utiliser le Google Product Feed. En règle générale, c'est ce que l'on utilise pour une boutique en ligne.
Il suffit de saisir ce flux et de l'enregistrer.
