Mettre en place le webtracker sur votre site (procédure manuelle)

Le tracker web de Probance vous permet de traquer les visites et les actions (mise au panier, commande, …) des membres de votre base cliente sur votre site web. Ce tracking s’effectue grâce à la pose d’un cookie, par vous-même et par Probance, contenant un identifiant unique par membre.

Cette procédure explique comment mettre en place le tracker sur votre site si celui-ci ne dispose pas d’une solution d’intégration dédiée.

1. Déposer le script sur votre site

Vous trouverez l’ensemble des informations dont vous avez besoin pour installer le tracker sur votre site dans le menu Administration > Technique > Tracker web.

Pour insérer le script de tracking dans votre site, deux méthodes sont possibles :

• Appel direct depuis l’url de tracking (recommandé, car vous bénéficiez automatiquement des mises à jour) : insérez le lien donné dans Javascript à copier dans l’en-tête de chaque page de votre site.
• Hébergement local du script :
  • Enregistrez le contenu du lien Javascript à télécharger dans un document nommé probance_tracker.js
  • Placez le dans un repertoire de votre site
  • Intégrez le dans l’en-tête de chaque page de votre site.

2. Installer le tag des visites

Le tag des visites permet de suivre et remonter la navigation complète des visiteurs identifiés

Le script correspondant peut-être récupéré en cliquant sur l’icone d’information du bloc Visite dans le menu dans le menu Administration > Technique > Tracker web. Il est de la forme suivante :

<script type="text/javascript" language="JavaScript">
var ViewedPage=function(){
	
	//===== PARTIE 1: CONFIGURATION DU TAG =====

	var typeID= '[Type d'identifiant du visiteur]';
	var my_id = '[Identifiant du visiteur]';
	var pid = '[Identifiant du produit]';
	var aid = '[Identifiant de l'article]';
	var url=document.location.href; 
	
	//===== PARTIE 2: APPEL DU TAG =====

	var crm=null;
	try{
		crm = new PROBANCE_CRMTracker([token webtrack],"Prob_Track",90,"//t4.my-probance.one/webtrax","idprob");
	}catch (err){
		return;
	}
	if(crm == null){
		return;
	}

	var PROBANCE_tracker = new PROBANCE_trackers();
	PROBANCE_tracker.setCRM(crm);
	
	if(my_id != null && my_id != undefined && my_id != ''){
		crm.setCustomer(my_id, typeID);
	}
	PROBANCE_tracker.doNotTrackOnInit();
	PROBANCE_tracker.init();

	if(pid == null || pid == undefined){
		pid = '';
	}
	if(aid == null || aid == undefined){
		aid = '';
	}
	PROBANCE_tracker.track(url,[["product_id",pid],["article_id",aid],["action","visit"]]);

};
</script>

La partie 1 : Configuration du tag vous permet de définir comment récupérer les informations à tracker.

• [Type d'identifiant visiteur] doit être remplacé par le champ de contact utilisé pour identifier le visiteur : email, customer_id, crc32_email ou crc32_customer_id
• [Identifiant visiteur] doit être remplacé par l’identifiant du visiteur
• [Identifiant produit] doit être remplacé par l’identifiant du produit si la page correspond à une fiche produit. Ce champ peut-être le laissé vide.
• [Identifiant article] doit être remplacé par l’identifiant de l’article la page correspond à une fiche d’article. Ce champ peut-être le laissé vide.

La partie 2 : Appel du tag ne doit pas être modifié. La valeur de [token webtrack] est directement renseignée dans le script fourni dans l’administration technique de votre projet.

Une fois le script installé, vous devez appeler la fonction ViewedPage() dans toutes les pages de votre site pour permettre de tracker la navigation complète du visiteur. Cette fonction doit impérativement être appelée après le chargement de la page : $(document).ready(ViewedPage);

3. Installer le tag des ajouts au panier

Le tag des visites permet de remonter la mise au panier de produits et d’articles.

Le script à intégrer peut-être récupéré en cliquant sur l’icone d’information du bloc Panier. Il est de la forme suivante :

<script type="text/javascript" language="JavaScript">
function Cartin(){
	
	//===== PARTIE 1: CONFIGURATION DU TAG =====
	
	var typeID= '[Type d'identifiant du visiteur]';
	var my_id = '[Identifiant du visiteur]';
	var pid = '[Identifiant du produit]';
	var aid = '[Identifiant de l'article]';
	var bid = '[Identifiant du panier]';
	var url=document.location.href; 


	//===== PARTIE 2: APPEL DU TAG =====

	var crm=null;
	try{
		crm = new PROBANCE_CRMTracker([token webtrack],"Prob_Track",90,"//t4.my-probance.one/webtrax","idprob");
	}catch (err){
		return;
	}
	if(crm == null){
		return;
	}

	var PROBANCE_tracker = new PROBANCE_trackers();
	PROBANCE_tracker.setCRM(crm);
	
	if(my_id != null && my_id != undefined && my_id != ''){
		crm.setCustomer(my_id, typeID);
	}
	PROBANCE_tracker.doNotTrackOnInit();
	PROBANCE_tracker.init();

	if(pid == null || pid == undefined){
		pid = '';
	}
	if(aid == null || aid == undefined){
		aid = '';
	}
	if(bid == null || bid == undefined){
		bid = '';
	}
	
	PROBANCE_tracker.trackEvent(url,[["product_id", pid],["article_id",aid],["basket_id", bid],["action","cart"]]);
		
}
</script>

Partie 1 : Configuration du tag vous permet de définir comment récupérer les informations à tracker.

• [Type d'identifiant visiteur] doit être remplacé par le champ de contact utilisé pour identifier le visiteur : email, customer_id, crc32_email ou crc32_customer_id
• [Identifiant visiteur] doit être remplacé par l’identifiant du visiteur
• [Identifiant produit] doit être remplacé par l’identifiant du produit. Ce champ peut-être le laissé vide.
• [Identifiant article] doit être remplacé par l’identifiant de l’article. Ce champ peut-être le laissé vide.
• [Identifiant panier] doit être remplacé par l’identifiant unique du panier. Ce champ peut-être le laissé vide.

Partie 2 : Appel du tag ne doit pas être modifié. La valeur de [token webtrack] est directement renseignée dans le script fourni dans l’administration technique de votre projet.

Une fois le script installé, vous devez appeler la fonction Cartin() à chaque ajout d’un item au panier, en la déclenchant par exemple au clic sur le bouton « Panier » : <button type="submit" onclick="Cartin()"></button>

4. Tester le tracker

Une fois le script et les tags en place sur votre site, vous pouvez tester le tracking.

Pour cela, identifiez-vous sur votre site :

• Soit en vous connectant via un login/mot de passe ou un autologin
• Soit en ajoutant un paramètre ?idprob=0_0 à la fin du lien de votre page (par exemple https://monsite.com?idprob=0_0)

Nous vous recommandons de tester les 2 cas de figure.

Note : le paramètre idprob est le paramètre ajouté par Probance aux liens intégrés dans vos emails pour permettre d’identifier la campagne source d’une navigation.

Naviguez ensuite sur votre site en consultant des fiches produit/article et en effectuant des ajouts au panier pour récupérer tous les types possible d’interaction.

Ensuite, dans l’administration technique de Probance One, cliquez sur le bouton Test pour vérifier si vos actions sont bien présentes.

Dans le menu Administration > Technique > Tracker web, cliquez sur le bouton Test.

Cette fenêtre affiche les tags remontés pendant les 5 dernières minutes.

Assurez-vous que, pour les différents tags déposés, les paramètres qui doivent remonter (identifiant du produit, de l’article, …) sont bien renseignés.