Marquage d’un site AngularJS

 

Avant-propos

Avant d’utiliser nos directives de marquage, veuillez-vous assurer d’avoir initialisé le Tracker JavaScript AT Internet et sélectionné les plugins souhaités depuis l’interface Tag Composer.

 

Principe

La directive de marquage « ui.atinternet.smartTag.directive » permet, par défaut, de marquer des pages et des clics. Elle contient pour cela :

  • deux méthodes « pageSend() » et « clickSend() » déclarées dans un service « tagService » utilisable depuis le code JavaScript de vos contrôleurs,
  • deux directives « tagClick » et « tagpage » utilisables depuis le code HTML de vos vues.
 

Marquage

 

Intégration

  1. Intégration de la directive de marquage

    Vous devez ajouter le code du module de marquage suivant dans un fichier JavaScript (ex: « moduletag.js ») au sein de votre application AngularJS.

    Ce module contient :

    • deux directives « tagClick » et « tagpage » utiles pour le marquage de clics et de pages dans des balises contenues dans les vues de votre application Web,
    • un service de marquage comprenant :
      • une méthode « getTag() » retournant une instance du Tracker,
      • une méthode « pageSend() » prenant un objet en paramètre, utile pour l’envoi de hits de page depuis le code des contrôleurs en JavaScript,
      • une méthode « clickSend() » prenant un objet en paramètre, utile pour l’envoi de hits de clic depuis le code des contrôleurs en JavaScript.

    Il est possible d’utiliser les méthodes JavaScript standards du Traker dans le code des contrôleurs.

  2. Ajout d’une référence au module « smartTag » dans le module principal de l’application
  3. Ajout des scripts « smarttag.js » (code du Tracker) et « moduletag.js » (code du module) dans la page principale de votre application.
 

Marquage d’une vue

 

Cas d’une page

Pour marquer une page, il suffit d’ajouter la balise suivante dans le code HTML votre vue :

La balise de marquage de page doit avoir pour libellé : « tagPage ». Elle contient un attribut « tag-data » ayant pour valeur un objet sous la forme d’une chaîne de caractères avec les différents paramètres de page à mesurer.

 

Cas d’un clic

Pour marquer un clic, il suffit d’ajouter les attributs suivants dans les balises cliquables de votre vue :

Le marquage de clic se fait par l’ajout de différents attributs :

  • « tag-click » permettant d’associer la directive de marquage de clic à la balise (obligatoire),
  • « tag-chapter1 » permettant de déclarer un chapitre de premier niveau,
  • « tag-chapter2 » permettant de déclarer un chapitre de deuxième niveau,
  • « tag-chapter3 » permettant de déclarer un chapitre de troisième niveau,
  • « tag-level2 » permettant de déclarer un site de niveau 2,
  • « tag-action » permettant de déclarer un type de clic.
 

Marquage d’un contrôleur

 

Cas d’une page

Pour marquer une page, vous devez faire appel à la méthode « pageSend() » dans le code JavaScript de votre contrôleur :

 

Cas d’un clic

Pour marquer un clic, vous devez faire appel à la méthode « clickSend() » dans le code JavaScript de votre contrôleur :

Vous devez ajouter une référence au service de marquage « tagService » dans la fonction passée en paramètre du contrôleur.

Cet article vous a-t-il été utile ?
Oui
Non
Dernière mise à jour : 23/08/2018