Pour chaque widget créé, l’interface de gestion en ligne VoxoLib (https://app.voxolib.com ) génère les différents éléments HTML à insérer sur vos pages. Chaque Widget dispose d’un identifiant unique.

Cet article vous décrit comment un exemple utiliser les variables de reporting, également nommés tags, pour chaque widget.
Cela permet d’utiliser la même template et évite de créer plusieurs widgets avec les mêmes caractéristiques (notamment le numéro de téléphone de destination).
Pour insérer différentes variables de reporting pour le même widget, il est nécessaire de passer les informations dans les paramètres du code Voxolib que vous allez utiliser.

Les tags de reporting sont au nombre de 10 de « tag1 » à « tag9 » et vous permettent d’organiser au mieux votre suivi statistiques.

Plusieurs méthodes d’intégration sont disponibles:

Méthode 1: Variables de reporting via la balise « data-tagX »

Exemple de variables avec le code JavaScript standard

<script id="popup4lead_init" src="https://scripts.voxolib.com/js/init.js" data-wid="XXX" data-tag1="ProduitX" data-tag2="Multimedia" data-tag3="offre_Noel" async></script>

Exemple de variables avec le code de type iframe en mode multi-widgets

<button class="popup_4lead_frame-btn" data-url='https://scripts.voxolib.com/iframe.php?wid=XXX&mode=clicktocall' data-tag1="ProduitX" data-tag2="Multimedia" data-tag3="offre_Noel">Rappel Gratuit</button>

Dans ces exemples
– data-tag1 (ProduitID) :utile pour réaliser une requête afin de savoir combien d’appels ont été passés pour un produit spécifique sur une période donnée.
– data-tag2 (Categorie) : utile pour réaliser des tris par catégories qui seront plus larges ou plus restreints dans vos reportings.
– data-tag3 (Campagne) : utile pour mesurer l’impact d’une campagne promotionnelle par exemple.
tag4, tag5, tag6, …. jusqu’à tag9.

Il est tout à fait possible de rendre dynamique le contenus des tags selon votre langage de programmation. Ci-dessous un exemple utilisant PHP.

<script id="popup4lead_init" src="https://scripts.voxolib.com/js/init.js" data-wid="XXX" data-tag1="<?php echo $_GET['productID']; ?>" data-tag2="<?php echo $_GET['catID']; ?>" data-tag3="<?php echo $_GET['product']; ?>" async></script>

Méthode 2: Variables de reporting passées à l’url

Exemple de variables avec le code JavaScript standard

<script id="popup4lead_init" src="https://scripts.voxolib.com/js/init.js?tag1=ProduitX&tag2=Multimedia&tag3=offre_Noel" data-wid="XXX" async></script>

Exemple de variables avec le email/iframe

https://scripts.voxolib.com/iframe.php?wid=XXX&tag1=ProduitX&tag2=Multimedia&tag3=offre_Noel

Exemple de variables avec le code de type iframe en mode multi-widgets

<button class="popup_4lead_frame-btn" data-url='https://scripts.voxolib.com/iframe.php?wid=XXX&tag1=ProduitX&tag2=Multimedia&tag3=offre_Noel'>Rappel Gratuit</button>

Note Importante:
Le passage de paramètres (tagX) au code Voxolib (JavaScript ou iframe/email) écrase les données saisies manuellement dans l’interface de gestion (https://app.voxolib.com) VoxoLib.