1. Centre d'aide
  2. Intégrez votre Commerce
  3. Plus d'informations utiles pour votre intégration

Attribut de suivi des clics sur les liens

Création
Mise à jour
S’abonner

L'attribut de suivi des clics sur les liens est un fragment de code HTML utilisé pour suivre les clics sur les liens de votre site depuis Connectif.

 

Quel est cet attribut et où l'utiliser ?

L'attribut "data-cn-track-click"  peut être utilisé sur tout lien que vous souhaitez suivre et qui ne fait pas partie d'un contenu Connectif, à condition que le JavaScript de Connectif soit installé sur le site.

En plus de l'attribut "data-cn-track-click", il est possible d'utiliser l'attribut "data-cn-alias" pour attribuer un alias au lien afin de l'identifier plus facilement, par exemple dans le nœud "Au clic sur le contenu web".

  

Le suivi des liens dans les contenus créés dans Connectif est réalisé automatiquement.

 

Autres considérations

L'attribut de suivi des clics sur les liens permet d'indiquer une valeur pour déterminer le comportement du mécanisme de suivi. 

  

Si aucune valeur n'est indiquée, le mécanisme de suivi des clics sur les liens se comportera par défaut selon l'attribut "href" du lien.

1. Async

Cette valeur indique que le mécanisme enregistre le clic sans bloquer la navigation. C'est le comportement par défaut pour les liens vers des sections de la même page ou des liens spéciaux de type "mailto:" ou "tel:".

<a href="#mysection" data-cn-track-click="async">
 ma section
</a>

 

2. Sync

Cette valeur indique que le mécanisme enregistre le clic avant d'effectuer la navigation. 

<a href="https://www.website.com/product/list" data-cn-track-click="sync">
 mes produits
</a>
 

La valeur sync offre plus de garanties pour capturer tout clic. Cependant, elle bloque la navigation jusqu'à ce que le suivi soit effectué, il est donc recommandé d'en limiter l'utilisation.

3. Track-click

Cette valeur indique que le suivi est effectué lorsque l'utilisateur navigue. Il s'agit d'un suivi hors ligne.

<a href="https://www.website.com/product/list" data-cn-track-click="track-click">
 mes produits
</a>

 

4. After-redirect

Cette valeur indique que le mécanisme enregistre le clic après avoir effectué la navigation. C'est le comportement par défaut lorsque le lien dirige vers une page interne.

<a href="https://www.website.com/product/list" data-cn-track-click="after-redirect">
 mes produits
</a>
 

L'attribut "data-cn-track-click" ne fonctionnera pas sur les balises "<a>" sans attribut "href".

 

Exemple

Une fois l'attribut ajouté, il apparaîtra de différentes manières selon le type de lien : 

  • Liens internes au site : liens qui restent au sein du site ou du domaine.   
    <a href="https://www.website.com/product/list" data-cn-track-click>
     mes produits
    </a>
  • Liens externes au site : liens dont la destination sort du site et navigue vers d'autres domaines.  
    <a href="https://twitter.com/myprofile" data-cn-track-click>
     mon profil sur Twitter
    </a>
  

Dans ces cas, Connectif remplacera l'attribut href du lien par une URL de suivi afin que la navigation passe d'abord par Connectif, effectue le suivi, puis redirige le contact vers sa destination.

  • Vers des sections de la même page : liens pointant vers une section spécifique de la même URL. 
    <a href="#mysection" data-cn-track-click>
     ma section
    </a>
  • Liens spéciaux : comme "mailto:" ou "tel:". 
    <a href="mailto:info@company.com" data-cn-track-click>
     contactez-nous
    </a>
  • Liens avec code JavaScript : les liens exécutant du code JavaScript peuvent également être capturés. Il est nécessaire d'ajouter l'attribut "data-cn-alias" pour donner un nom à ces liens. 
    <a href="javascript:alert('Bonjour');" data-cn-track-click data-cn-alias="dire-bonjour">
     dire Bonjour
    </a>

 

 

Félicitations !
Vous êtes arrivé à la fin de la leçon.

  

Avez-vous des questions non résolues ?
Rappelez-vous que vous avez à votre disposition nos spécialistes Connectif. Pour les contacter, il vous suffit d'ouvrir un ticket d'assistance en cliquant sur le bouton bleu "Aide" de votre tableau de bord.

Continuez à apprendre !

Pour exploiter tout le potentiel de votre compte Connectif, nous vous recommandons de poursuivre avec les articles suivants :