Affiliation Shopify (Sopify Basics)

Modifié le Ven, 5 Avr. à 8:00 H

Setup de votre programme affiliation Shopify

Note décembre 2023 : Suite à la récente mise à jour de Shopify, les script Affilae ne sont plus adapté à l’environnement Shopify Plus.

Nous recommandons de réaliser l’intégration via Google Tag Manager.

Affilae est un logiciel d’affiliation qui aide les marques à développer leur chiffre d’affaire en ligne, en leur permettant de créer leur propre réseau de sites partenaires affiliés et influenceurs.

Tracker les ventes de vos affiliés, rémunérez-les et analyser leur performance !

Une fois votre nouveau programme d’affiliation créé, vous devez poser et tester les tracking afin de vérifier que les conversions de vos affiliés soient bien prises en compte.

Pour installer les tracking de votre programme d’affiliation Shopify, suivez les deux étapes suivantes :

1. Tracker les clics de vos partenaires affiliés

Afin de tracker les clics envoyés par vos partenaires, le script ci-dessous doit être poser sur toutes les pages du site dans la balise<body>.

Pour le faire dans votre Shopify, rendez-vous dans l’admin et cliquez sur :

Le menu « Online store / Boutique en ligne »
Cliquez sur le bouton « Thème »
Puis, le bouton « Actions »
Et sur « Edit HTML / CSS / Modifier le code »

Sélectionnez ensuite le fichier theme.liquid dans l’arborescence et ajouter le code suivant dans la balise <body>.

➜ Attention, ce script est exemple, vous devez remplacer le champ PROGRAM_ID par le program ID disponible dans la partie « configuration » de votre interface, puis « tracking » et enfin « intégrations avec un module Affilae ».

<!-- STARTING AFFILAE TRACKING CODE -->

<script type="text/javascript">
    var _ae = {
        "pid":"PROGRAM_ID",
    };
    (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>

<!-- ENDING AFFILAE TRACKING CODE -->

Tracking des clics Shopify

2. Tracking des ventes – Pose du code de conversion

Rendez-vous dans l’admin de votre Shopify et cliquer sur :

Le menu « Paramètres«
Puis » Page de paiement«
Enfin, rendez-vous sur la partie « Order Status », « Scripts supplémentaires/additional scripts » et copier-coller le code suivant :

{% if order == nil %}
<script>
location.reload();
</script>
{% endif %}

<!-- AFFILAE BEGIN -->

{% assign product = '' %}
{% assign discount = '' %}
{% assign discounts_list = '' %}
{% assign products_list = '' %}

{% if order.discount_applications.size > 0 %}
   {% for discount_application in order.discount_applications %}
      {% assign discounts_list = discounts_list | append: ';' | append: discount_application.title %}
   {% endfor %}
   {% assign discount = discounts_list | remove_first: ';' %}
{% endif %}

{% if order.line_items.size > 0 %}
   {% for line_item in order.line_items %}
      {% assign products_list = products_list | append: ';' | append: line_item.product_id %}
   {% endfor %}
   {% assign product = products_list | remove_first: ';' %}
{% endif %}

<iframe src="https://lb.affilae.com/?key=YOUR.KEY&amount={{ order.subtotal_price | money_without_currency | replace: '.' | '' }}&currency={{currency}}&payment=online&customer={{ order.customer
 }}&voucher={{ discount }}&product={{ product }}&v=shopify&id={{ order.order_number }}" frameborder="0" width="1" height="1"></iframe>

<!-- AFFILAE END -->

Code de conversion Shopify

➜ Dans ce code, vous devez uniquement remplacer la variable YOUR.KEY par la clé du code de conversion qui se trouve dans le menu « configuration », puis « tracking » et « intégrations avec un module Affilae » de votre programme Affilae.

3. Cas particuliers :

a. Intégration via Recharge

Si vous devez poser les tracking via Recharge, il faudra alors intégrer un script spécifique.

Dans la partie dédiée sur Recharge, veuillez intégrer le script suivant :

<img src="https://lb.affilae.com/?key=YOUR.KEY&id={{ order_number }}&amount={{ subtotal_price }}&payment=online&customer={{ customer.shopify_customer_id }}&voucher={{ discount_code }}" width="1" height="1">

b. Intégration via GetJust

Si vous passez par la solution « GetJust », il faudra alors intégrer un script spécifique.

Veuillez intégrer le script suivant :

<!-- AFFILAE BEGIN -->

{% assign product = '' %}
{% assign discount = '' %}
{% assign discounts_list = '' %}
{% assign products_list = '' %}

{% if order.discount_applications.size > 0 %}
   {% for discount_application in order.discount_applications %}
      {% assign discounts_list = discounts_list | append: ';' | append: discount_application.title %}
   {% endfor %}
   {% assign discount = discounts_list | remove_first: ';' %}
{% endif %}

{% if order.line_items.size > 0 %}
   {% for line_item in order.line_items %}
      {% assign products_list = products_list | append: ';' | append: line_item.product_id %}
   {% endfor %}
   {% assign product = products_list | remove_first: ';' %}
{% endif %}

<iframe src="https://lb.affilae.com/?key=YOUR.KEY&id={{ order.order_number }}&amount={{ order.subtotal_price | money_without_currency }}&payment=online&customer={{ order.custumer
 }}&voucher={{ discount }}&product={{ product }}" frameborder="0" width="1" height="1"></iframe>

<!-- AFFILAE END -->

code Shopify - Just

Pour aller plus loin, voir la documentation Shopify.