Code de suivi personnalisé sur la page de confirmation de commande

Si vous menez une campagne publicitaire, ou que vous avez mis en place un programme de marketing d'affiliation en utilisant un service tiers, vous pouvez mesurer les résultats en ajoutant le code de suivi de conversion fourni par cette entreprise à votre boutique. Les codes de suivi sont généralement installés sur la page de confirmation de commande, la dernière page que les acheteurs voient après avoir passé leurs commandes.

Pour commencer à suivre les conversion, obtenez le code de suivi de l'affilié ou du service tiers que vous souhaitez utiliser, ajouter des variables prises en charge par Ecwid à ce code, et collez-le dans la section spéciale de votre panne d'administration Ecwid, dans la page Réglages → Général → Suivi et analyses.

Ajouter un code de suivi personnalisé à votre boutique Ecwid

Habituellement, les services d'affiliation ou de publicité exigent que vous colliez leur script de suivi sur la page de confirmation de commande du panier. La page de confirmation de commande est la page où les acheteurs voient le message « Merci pour votre commande » après avoir passé leurs commandes ; son URL se termine par /checkout/order-confirmation.

Il y a une section spéciale dans le panneau d'administration d'Ecwid où vous pouvez mettre un tel code de pixel, et il sera exécuté chaque fois qu'un acheteur atteint la page de confirmation de commande.

Pour insérer un code de suivi tiers dans la page de confirmation de commande de votre boutique Ecwid :

1. Depuis l'interface d'administration d'Ecwid, accédez à Paramètres → Général → Suiviet analyses.
2. Faites défiler vers le bas jusqu'à la section Code de suivi personnalisé sur la page de confirmation de commande et cliquez sur le bouton. Vous verrez une fenêtre contextuelle :

3. Ajoutez votre code personnalisé dans la boîte de dialogue Code de suivi personnalisé sur la page de confirmation de commande dans la fenêtre contextuelle. Si vous devez ajouter plusieurs codes, collez-les l'un après l'autre dans cette zone.
4. Cliquez sur Enregistrer.

Une fois ajouté, votre code de suivi sera exécuté chaque fois qu'un client atteint la page de confirmation de commande dans votre boutique.

Ajout de variables Ecwid à un code de suivi personnalisé

Si vous devez passer les détails de la commande à un service de suivi, vous devrez modifier leur code de suivi en ajoutant des variables prises en charge dans Ecwid. Ce sont les mêmes variables que celles que vous pouvez voir dans les modèles d'e-mail Ecwid. Voir la liste complète des variables disponibles.

Vous pouvez insérer des codes HTML et Javascript dans la page de confirmation de commande — Les variables Ecwid fonctionneront avec les deux types de code. Il y a cependant une légère différence dans la façon de coller les variables dans ces codes.

HTML

Lorsque vous utilisez un code HTML personnalisé, vous devrez coller les variables dans celui-ci « tel quel » : 
${order.total}, ${customer.name}, ${order.number}, etc.

Voici un exemple de l'apparence de ces variables dans un code HTML :

<img src="https://tracking_pixel.com?order-id=${order.number}&amount=${order.total}" />

Javascript 

Lorsque vous utilisez un code de suivi Javascript, vous devrez ajouter ce qui suit à votre code (avec les variables) :

1. Entourez votre code avec les balises <#noescape> afin que les données soient transmises dans le format correct :

<script>
<#noescape>
…
</#noescape>
</script>

Voici un exemple de l'apparence de ces variables dans un code Javascript :

<script>
<#noescape>
<#list order.items as orderItem>
console.log("Le prix de l'article est ${orderItem.price}")
</#list>
</#noescape>
</script>

2. Ajoutez ?js_string aux variables qui passent un texte. Par exemple, vous devrez utiliser ?js_string  avec des variables comme ${customer.name} et ${orderItem.name}. Vous n’avez pas besoin de l’ajouter aux variables qui passent des numéros, comme le total de la commande et le numéro de commande.

Voici un exemple de l'apparence de ces variables dans un code Javascript :

"order_id": "${order.number}",
"email": "${customer.email?js_string}",
"delivery_country": "${order.billingAddress.countryCode?js_string}"