Tout connaître sur les tags pour une remontée parfaite des données d'audience et des performances de votre site web

La remontée de toutes les informations issues d’un site web (visite, commande, inscription…) se fait à travers l'insertion des tags dans le code source de ses pages. Il s'agit d'une étape préliminaire qu'on appelle "marquage de votre site".

Les Tags ou encore les marqueurs sont générés automatiquement à partir de notre plateforme Dialog.

L’intégration des tags consiste en la mise en place de codes Javascript adaptés dans une ou plusieurs pages HTML que vous souhaitez auditer. Il existe plusieurs types de tags que vous pouvez générer en fonction de votre besoin d’analyse…

Vous pouvez retrouver dans ce focus consacré aux tags les réponses aux questions suivantes :

* Les éléments d’un tag ?

* Comment marquer un site : 

Étapes de pose d’un tag statique d’audience ?
Étapes de pose d’un tag de transformation : commande ou inscription ?
Étapes de pose d’un tag dynamique d’audience ?
Tag d’inscription vs Tag d’import ?
Adaptation des tags pour les formats Flash ?

Un tag comprend deux grandes parties :

Une partie pour remonter des informations quand le plugin Javascript est activé au niveau du navigateur, c'est la partie du code --> en rouge

Une deuxième partie pour le cas ou ce plugin ne l'est pas, c’est la partie du code --> en vert

Attention : La partie « avec script » est surtout nécessaire pour remonter les informations concernant les caractéristiques techniques de l'audience telles que : résolution écran, système d'exploitation etc

	Le chemin du script Edatis qui sert à remonter les informations pour ensuite les dispatcher
	s=111111 : il s’agit de votre identifiant client (numéro de compte ou encore l’id site)
	p=4329032 : il s’agit d’un identifiant unique que Dialog attribue à chaque page marquée (tagguée)

Ainsi, à chaque tag correspond un identifiant client, si vous changez de compte Edatis, n’omettez pas de régénérer les nouveaux tags correspondants…

Pour un tag de transformation :

Les parties qui s’ajoutent (par rapport à un tag d’audience) sont les caractéristiques d’une TRANSFORMATION soit (en vert) :
 * id_order : l’identifiant unique d’une commande ou d’une inscription, cette variable a également pour rôle de faire une déduplication lorsque le tag est appelé plusieurs fois (lors d’un rafraîchissement de la page par exemple).
 * v : la valeur d’une commande, cette variable est utilisée pour remonter le volume des ventes dans le cas d’un tag de commande.
 * De v1 à v5  : sont des variables supplémentaires facultatives, par exemple, e-mail, nom, prénom, numéro de la carte, produit acheté… Une fois ces variables renseignées, vous pouvez en visualiser les retours au niveau des reportings de transformations Dialog ( Pour plus d'informations sur les Reportings de transformation reportez vous à l’espace My edatis de Dialog)

Etapes de pose des tags 

En cliquant sur "Nouveau tag"  

Donnez un nom au tag à créer
Copiez collez l'URL de la page à traquer (tagguer), ne pas oublier le « http:// », par exemple : http://www.edatis.com/webanalytics.html
Si vous avez défini au préalable des catégories *, vous pouvez optionnellement, affecter le tag à créer à une catégorie
Choisissez le type de tag à créer : tag de commande, d’audience ou d’inscription, dans notre cas « tag d’audience »
Validez

Préalablement à la création des tags statiques et pour plus d’aisance dans l’exploitation des reportings, vous pouvez procéder à la création des catégories qui vous serviront à grouper vos tags (par produits, par gammes, par services, par langues…)

Sur l'interface de création, retrouvez le tag créé. Vous pouvez, éventuellement, filtrer par type de tag pour visualiser aisément ce tag.

Copier/coller ce tag dans le code source de la page à analyser. Si votre site est sécurisé, cochez « https » avant de poser ce tag.

Il n’y a aucune modification à apporter à un tag statique d'audience. Il vous suffit de le récupérer tel qu’il a été généré et de le placer au niveau du pied de page de la page web dont vous avez renseigné l’URL. C’est-à-dire au niveau de son code source, juste avant la balise ‘</BODY>’, de manière à ce que le tag soit appelé pour enregistrer la visite sur la page concernée, juste après que le contenu de cette page web soit chargée.

Pour les tags de transformation (commande, inscription et import), avant de les placer au niveau du pied de page de la page web concernée vous devez les renseigner :

Nécessitant un minimum de connaissances techniques de votre site, cette étape ne pourrait être accomplie que par le webmaster, la personne la plus à même de vous fournir les paramètres des variables générées : un numéro de commande, son volume ou plus généralement toutes les variables utiles au niveau d’une transformation sur votre site.

Il suffit d’insérer au niveau du champ entre guillemets ( ’’…’’ ) les paramètres spécifiques à ces variables, pour pouvoir poser ce tag au niveau de la page correspondante et obtenir un tag de transformation fonctionnel.
Une fois les variables dûment renseignées au niveau du tag (dans la partie script et la partie no script), vous pouvez le copier/coller au niveau du code source de la page dont vous avez renseigné l’URL, juste avant la balise ‘</BODY>’.

Au niveau de l'image ci-dessus, «(<?php print( $num_commande); ?>)» est un exemple de paramètres pour la variable « id order » (en php). Ce code dépend du langage de développement de votre site web et de sa configuration, le webmaster est le plus à même à vous communiquer ces détails.

Attention : Veillez à poser le tag dans la page de confirmation d’une commande pour garantir que toutes les variables soient générées et avoir des Reportings de transformation fiables

Si votre site est constitué de milliers de pages, il est impensable d’y poser des tags statiques d’audience page par page. Un tag dynamique est un tag unique capable de reproduire l’arborescence de votre site et remonter l’audience de toutes ses pages. (appelé aussi tag générique)

Pour générer un tag dynamique d’audience, veuillez accéder au chemin :

>> « Dataweb »
>> « Tags » par le menu déroulant
>> « Tags dynamique »

Selon le type de votre site et son mode de mise à jour, choisissez une des quatre alternatives disponibles pour la génération d’un tag dynamique :

Dans ce choix, le webmaster est également le plus à même à connaître quel mode de génération du tag dynamique est adapté à votre site !
Sachant que le mode le plus utilisé est le quatrième, à savoir, « Le nom de la page sera paramétré par un système de gestion de contenu (SGC)», puisque la plupart des sites sont actuellement, gérés et mis à jour par des SGC (CMS : Content Management System*)

Une fois le mode de génération des noms des pages de votre site choisi, renseignez une URL de test afin de vérifier le comportement du tag : c'est-à-dire quelle partie de l’URL sera affectée en catégorie et quelle autre partie sera affectée en sous catégories etc.

Ensuite validez pour générer le tag dynamique correspondant à votre choix.

Si tel l’exemple ci-dessus, vous avez choisi l’alternative 4 correspondant à un site géré par un CMS, renseignez les paramètres éventuels relatifs aux variables de votre site, Ensuite vous pouvez le copier/coller au niveau du code source, juste avant la balise ‘</BODY>’

N.B : S’agissant d’un tag dynamique, vous pouvez le placer au niveau de n’importe quelle page, il remontera l’audience de toutes les pages de votre site (les inscriptions et commandes étant remontées par des tags statiques).

Pour les sites et créas en format Flash, accédez au chemin :

>> Dataweb
>> Tags
>> Création : pour créer votre tag conformément aux étapes expliquées précédemment selon le type de tag à générer
>> Flash : Pour récupérer votre tag adapté au format flash

Pour récupérer les tags statiques* pour les formats en flash (après leur création) :

Copiez / collez la fonction du tag (commençant par « Ref Temp… »), affichée en bas de l’interface, dans un fichier que vous allez nommer en EdatisTrack.as (de type Flash : action script)
Placez ce fichier dans le même répertoire de la créa .fla que vous voulez tagguer
Dans le code source de la créa flash, faites un appel au fichier EdatisTrack.as à l'aide de cette commande : « #include "EdatisTrack.as" »


Ensuite, pour chaque scène de l'animation que vous souhaitez tagguer, faites appel à tracker(n), où n est le numéro de la page (ou scène). Ces numéros de scènes sont attribués automatiquement par Dialog à vos pages (scènes) afin de pouvoir les identifier. >> Tracklist [n] = "nom du tag que vous avez créé - relatif à la page à marquer - ".

Par défaut la liste de tous les tags déjà créés est éditée dans l’interface principale « Flash », vous pouvez afficher le tag souhaité en le sélectionnant dans le menu déroulant en haut et à droite de l’interface (liste des catégories des tags).

Vous pouvez télécharger le fichier contenant toutes les informations (numéros des scènes et fonction du tag) pour pouvoir l’exploiter plus facilement, il suffit de cliquer sur « télécharger »

Actuellement, les tags dynamiques ne sont pas utilisés pour les sites en format flash

* Un CMS présente plusieurs avantages dans la gestion du contenu d’un site web, plusieurs individus peuvent travailler sur un même document, séparation du contenu et de la forme, worflow, contenu participatif… Exemples de CMS : SPIP, AGORA, DOTCLEAR, Drupal, Word Press, Joomla…