C2S – Shopify

L’intégration Shopify d’Affilae se fait en deux poses : un tag de suivi dans votre thème, qui enregistre les clics, et un pixel personnalisé, qui remonte les ventes. Les deux sont indispensables.

Avant de commencer

• Le Format d’URL de votre programme est réglé sur Paramètre.
• Vous avez un accès administrateur à votre boutique Shopify.
• Vous avez votre Program ID et votre Clé/Key. Pour les trouver, dans Affilae, ouvrez Gérer mes programmes, cliquez sur votre programme, puis sur Configuration. Dans l’onglet Tracking, descendez jusqu’à la section Intégration via un module Affilae.

GÉRER MES PROGRAMMES

Configuration

Mes affiliés

Elément pubs

Clics

Conversions

Paiements

Étape 1, poser le tag de suivi dans votre thème

Ce tag enregistre le clic de l’internaute venu d’un affilié. Sans lui, la vente remonte sans clic, donc sans affilié à rémunérer : c’est la panne la plus fréquente. Remplacez PID par votre Program ID.

<script type="text/javascript">
  var _ae = {
    "pid":"PID",
  };
  (function() {
    var element = document.createElement('script');
    element.type = 'text/javascript';
    element.async = true;
    element.src = '//static.affilae.com/ae-v3.5.js';
    var scr = document.getElementsByTagName('script')[0];
    scr.parentNode.insertBefore(element, scr);
  })();
</script>

1. Dans votre admin Shopify, ouvrez Boutique en ligne, puis Thèmes.
2. Cliquez sur Actions, puis sur Modifier le code.
3. Ouvrez le fichier theme.liquid et collez le code dans la balise <body>.

Étape 2, télécharger le module et choisir votre fichier

Téléchargez la version 1.7.4 : shopify_affilae_v1.7.4.zip
Empreinte MD5, pour vérifier le fichier : 0537c19dddabe87013f86789b1ad9435

L’archive contient deux pixels. Vous n’en installez qu’un seul :

Étape 3, créer le pixel dans Shopify

1. Dans votre admin Shopify, ouvrez Paramètres, puis Événements clients.
2. Cliquez sur Ajouter un pixel personnalisé et nommez-le, par exemple Affilae.
3. Supprimez le texte par défaut et collez l’intégralité du fichier choisi à l’étape 2.

Étape 4, renseigner trois valeurs

En tête du fichier, modifiez uniquement ces lignes. Toutes les autres restent telles quelles.

const PROGRAM_ID = 'YOUR_PROGRAM_ID';
const KEY = 'YOUR_KEY';
const PRICES_TAX_INCLUDED = true;

• PROGRAM_ID : votre Program ID.
• KEY : votre Clé/Key. Avec le fichier shopifyPixelConversionOldNew.js, remplissez à la place KEY_CUSTOMER_NEW (nouveaux clients) et KEY_CUSTOMER_OLD (clients connus).
• PRICES_TAX_INCLUDED : dans Shopify, ouvrez Paramètres, puis Taxes et droits de douane, et regardez la case Inclure les taxes dans les prix des produits et les frais d’expédition. Cochée : true (cas habituel en France et en Europe). Décochée : false.

Étape 5, régler la confidentialité du pixel

1. Dans Confidentialité des clients, réglez l’Autorisation sur Non requise.
2. Laissez Vente de données sur l’option indiquant que les données collectées ne constituent pas une vente de données.

Le pixel Affilae vérifie lui-même le consentement de l’acheteur. Quand celui-ci l’a refusé, le pixel ne lit rien sur son appareil : seule une commande passée avec un code promo est remontée, rattachée à ce code uniquement et sans identifiant client. Si vous préférez que Shopify ne charge le pixel qu’avec le consentement de l’acheteur, réglez l’autorisation sur Requise : aucune commande sans consentement ne sera alors remontée, y compris avec un code promo.

Étape 6, enregistrer, connecter et tester

1. Enregistrez le pixel.
2. Cliquez sur Connecter le pixel.
3. Passez une commande de test et vérifiez qu’elle apparaît dans Affilae.

Mettre à jour une boutique déjà équipée

1. Ouvrez votre pixel Affilae et remplacez tout son contenu par le nouveau fichier.
2. Renseignez à nouveau les trois valeurs de l’étape 4, avec le même Program ID et la ou les mêmes clés. Le nouveau fichier remet toutes les autres lignes à leur valeur d’origine : si le support Affilae vous avait fait modifier une autre ligne, prévenez-le avant la mise à jour.
3. Vérifiez la confidentialité du pixel (étape 5), puis enregistrez et passez une commande de test.

Articles liés

• C2S, Manuelle
• Tester le tracking des clics et conversions
• Fondamentaux du Tracking Affilae
• Comprendre et mettre en place les SubID
• Questions fréquentes, intégrations techniques