Marche à suivre pour installer le système d'affiliation sur LightSpeed (Affiliation Focus)

/!\ S.V.P, maintenir ce fichier confidentiel /!\

Il y a 2 parties dans cette procédure :

  1. Installer un code Javascript dans le footer du template (Layout)
  2. Ajouter le code dans le checkout

Partie 1 - Reconnaître un visiteur provenant d’un lien affilié et installer un cookie pour le suivre jusqu'à la vente :

Dans l'admin de Lightspeed, allez dans le menu "Design > Theme Editor". Dans l'encars LAYOUT, ouvrez les fichiers que vous utilisez pour votre layout (Dans l'exemple ici il s'agit de custom.rain et fixed.rain), puis ajouter le code javascript suivant (copier / coller) tout juste avant la balise de fin body </body> :


Aide : Vous pouvez chercher </body> dans le code.
<!-- Affiliation Focus code -->
<script type="text/javascript">
  var parts = location.hostname.split('.');
  var domain = parts[parts.length-2] + '.' + parts[parts.length-1];
  var referal_period = 60;
  (function() {
    var element = document.createElement('script'); element.type = 'text/javascript'; element.async = true;
    element.src = 'https://cloud.affiliationfocus.com/af-v0.1.min.js';
    var src = document.getElementsByTagName('script')[0]; src.parentNode.insertBefore(element, src);
  })();
</script>
<!-- Affiliation Focus code end -->

Cliquez ensuite sur "Save" pour finaliser l'ajout de ce code.



Voici un screenshot pour vous aider visuellement :

Partie 2 - Ajouter le code dans au checkout

Pour cette étape, vous devez aller dans le menu "Settings > Website Settings > Web Extras". Dans la partie de droite de la page, déscendez jusqu'à ce que vous trouviez la boîte de texte (textarea) nommée : "Tracking code". Copier / coller le code suivant :

Aide : Si un code est déjà présent, coller le code ci-dessous en premier et laissez le code déjà présent à la suite.
<!-- Affiliation Focus code -->
<script>
function getShopCookie(cname) {
  var name = cname + "=";
  var ca = document.cookie.split(';');
  for(var i=0; i<ca.length; i++) {
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1);
      if (c.indexOf(name) != -1) return c.substring(name.length,c.length);
  }
  return "";
}

function sendDataToAf(){
  var message = JSON.stringify({"transaction": transaction, "transaction_detail": transaction_detail});
  jQuery.ajax({
    type: "POST",
    dataType: "html",
    url: "https://icq.affiliationfocus.com/client/transaction/",
    data: {data:message}
  })
}

var cookie_af = getShopCookie("_af");

if(cookie_af){
  var transaction = {
    "transaction_amount": "{{ order.information.price_excl }}",
    "transaction_currency": "{{ order.information.currency }}",
    "transaction_order_id": "{{ order.information.number }}",
    "click_hash": cookie_af
}

var transaction_detail = [];

{% for product in order.products %}
  var tmp = {"transaction_detail_item_sku":"{{ product.sku }}","transaction_detail_item_name":"{{ product.title|escape }}","transaction_detail_item_amount":"{{ product.price_excl }}","transaction_detail_item_quantity":"{{ product.quantity }}"};
  transaction_detail.push(tmp);
{% endfor %}
setTimeout(sendDataToAf, 3000);
}
</script>
<!-- Affiliation Focus code end -->

Passez le "switch d'activation" au "status" On. (Voir screenshot un peu plus bas)

Cliquez ensuite sur "Save" pour finaliser l'ajout de ce code.



Voici un screenshot pour vous aider visuellement :




Copyright Focus River Inc. 2019