Installation du code de suivi Shopify

Si vous utilisez Shopify, suivez le guide ci-dessous pour installer facilement notre code de suivi dans votre boutique en ligne :

Script de base pour Shopify

1. Dans votre panneau d'administration Shopify, sous « Canaux de vente », cliquez sur le menu « Boutique en ligne ».

2. Cliquez sur le menu « Thèmes ».

3. Sur votre thème actuel, cliquez sur « Actions », puis sur « Dupliquer » (pour créer une sauvegarde).

4. Sur le thème dupliqué, cliquez à nouveau sur « Actions », mais cette fois-ci, allez dans « Modifier le code ».

5. Recherchez le fichier « theme.liquid ».

6. Ajoutez le script de base dans la section HEAD en copiant-collant l'extrait de code suivant :

Il est préférable de charger le script en mode asynchrone.

Une fois terminé, le résultat devrait ressembler à ceci :

7. Cliquez sur Enregistrer.

8. Cliquez sur « Actions », puis sélectionnez « Publier » pour activer la modification.

Le script de conversion pour Shopify

1. Dans l'interface administrateur Shopify, accédez aux Paramètres, puis cliquez sur « Paiement ».

2. Faites défiler la page jusqu'à la section « Scripts supplémentaires » et repérez le champ « Page d'état de la commande ». Copiez-collez l'extrait de code suivant, un mélange de JavaScript et de Liquid :

<script src='https://addrevenue.io/track.js'></script> <script> {%- assign tax_factor = checkout.tax_price | divided_by: 1.00 | divided_by: checkout.total_price -%} {%- assign tax_change_factor = 1 | minus: tax_factor -%} {%- assign subtotal_ex_tax = checkout.total_price | minus: checkout.shipping_price | times: tax_change_factor | divided_by: 100.00 -%} {%- assign discountCodes = checkout.discount_applications | map: "title" | join: "," -%} var products = []; {% for line_item in checkout.line_items %} {%- assign line_item_subtotal_ex_tax = line_item.original_price | times: tax_change_factor | divided_by: 100.00 -%} products.push({ 'id': "{%- if line_item.variant_id -%}{{ line_item.variant_id }}{%- else -%}{{ line_item.product_id }}{%- endif -%}", 'name': "{{ line_item.title }}", 'price': {{ line_item_subtotal_ex_tax }}, 'quantity': {{ line_item.quantity }}, 'category': "{{ line_item.product.type }}" }); {% endfor %} ADDREVENUE.sendEvent('Purchase', { 'value': '{{ subtotal_ex_tax }}', 'currency': '{{ checkout.currency }}', 'orderId': '{{ checkout.order_number }}', 'discountCodes': '{{ discountCodes }}', 'products': products }); </script>

REMARQUE ! Shopify se distingue de nombreuses autres solutions e-commerce par le fait que les thèmes standard ne sont pas chargés sur la page de reçu. Vous devez donc charger notre script de base à cet endroit, comme indiqué ci-dessus, dans le script de conversion. Veuillez noter qu'il est absolument INTERDIT de charger de manière asynchrone ici, car le script n'aurait pas eu le temps de se charger lors de l'appel de la fonction ADDREVENUE.sendEvent.

Une fois l'opération terminée, voici ce qui devrait se présenter :

4. Cliquez sur Enregistrer.

5. Votre code de suivi est maintenant installé. Une fois installé, nous vous invitons à effectuer un achat test. Consultez notre Guide d'achat test pour obtenir des instructions détaillées et une assistance en cas de problème.

 

Retour