Gestionnaires de tags (GTM, TMS...)

A quoi sert le JavaScript de SPREAD ? 

Le JavaScript de SPREAD permet :

•  d'afficher les widgets sur votre site web (Javascript 1),
•  de faire remonter les créations de compte dans la CRM SPREAD (Javascript 2),
•  de faire remonter les commandes dans la CRM SPREAD (Javascript 3).

Le JavaScript de SPREAD a été conçu pour ne pas ralentir le temps d’affichage de vos pages (fonctionnement asynchrone) et ainsi vous garantir un fonctionnement transparent.

JAVASCRIPT 1 - Widgets

Ce code JavaScript est à insérer sur toutes les pages du site, juste avant la balise </body>.

Sa fonction principale est de permettre de piloter les widgets depuis le backoffice SPREAD. Associé à la remontée de création de compte (JavaScript 2) et à la remontée des commandes (JavaScript 3), il permet également de faire remonter ces infos dans la CRM SPREAD.

 <script>
	var spconfig = {
		public_key: "PUBLIC_KEY", // À remplacer par la clé d'API publique dans votre back office, menu "Paramétrage > Tracker" en bas de page
		debug: false,
		set_cookie: true,
		track_order_enabled: true
	};

	// Script d'exécution

	var e=document.createElement("script");
		e.type="text/javascript";
		e.async=true;
		e.charset="UTF-8";
		e.id="spread-tracker";
		e.src="//static-sb.com/js/sb-tracker.js";
		document.body.appendChild(e);
</script>

Gestion de l’idorder

La valeur «idorder» est l’identifiant unique de la commande sur la boutique.

La première fois que cet identifiant est utilisé, la commande est enregistrée dans la CRM.

Si l’identifiant de commande est présenté une deuxième fois, les données sont mises à jour.

Cet identifiant est particulièrement utile pour changer l’état de la commande (l’annuler ou la mettre à expédier).

Gestion de l’état de la commande (variable "state")

Grâce à l’«idorder» vous allez pouvoir faire évoluer l’état de la commande au fur et à mesure avec la variable state :

•  10     :    enregistrée
•  20     :    payée
•  50     :    expédiée
•  100   :    reçue
•  0       :    annulée

Spécificités des différents gestionnaires de tags

Eulerian

Pour le cas d'Eulerian, vous pouvez suivre les instructions ci-dessus mais deux étapes supplémentaires sont nécessaires : 

• Remplacer "var spconfig" et "var sporder" par "window.spconfig" et "window.sporder"
• Lorsque vous utilisez le gestionnaire de tag Eulerian, vous pouvez intégrer vos scripts dans une iFrame Eulerian sur votre site. SPREAD n'est pas compatible avec une iFrame. Eulerian vous propose une option permettant de ne pas intégrer vos scripts dans une iFrame.