Appels de suivi via les attributs HTML

Plutôt que d'utiliser des appels de suivi via l'API, ces appels peuvent également être définis et utilisés via des attributs HTML insérés dans des placements HTML utilisés dans les offres.

Liste des attributs HTML possibles

Attribut HTML	Valeurs	Objet
data-site-trackclick	"" : utilise l'ID de contenu de l'action active "{CONTENTID}" : ID de contenu spécifique de Site "~@CONTENTID~" : ID de contenu spécifique de Campaign	Le suivi est lancé après un clic sur un lien.
data-site-trackactivity	Nom public de l'offre, nom Activité Nom public de l'offre, nom Conversion	Le suivi est lancé sur une activité/conversion définie dans l'offre (dans la section Pourquoi? de l'offre).
data-site-navigateaftertrack	URL	Navigation vers l'URL définie lorsque l'appel de suivi a été déclenché.
data-site-navigateaftertracktarget	_blank _self	Définit la cible dans laquelle la nouvelle URL est ouverte, lorsque l'attribut data-site-navigateaftertrack est utilisé.
data-site-executeaftertrack	JavaScript à appeler	Exécution du JavaScript défini lorsque l'appel de suivi a été déclenché.

Configuration des appels de suivi via les attributs HTML

1. Définissez un placement dans l'univers via le panneau de configuration Site.

2. Créez ensuite une offre et définissez une action dans cette offre. Sélectionnez le placement HTML que vous venez de créer dans cette action.
Dans l'éditeur, en mode source, saisissez les balises contenant les attributs HTML requis pour le(s) appel(s) de suivi concerné(s).

Copier

Exemple (vous pouvez utiliser n'importe quelle balise - dans cet exemple, nous avons utilisé les balises <div>) reprenant tous les appels de suivi possibles via les attributs HTML :

<div>
    <div data-site-trackclick="">trackclick insert inside</div>
    
    <div data-site-trackclick="" data-site-navigateaftertrack="https://www.selligent.com" data-site-navigateaftertracktarget="_blank">
        trackclick and navigate
    </div>
    
    <div data-site-trackclick="" data-site-executeaftertrack="acme.execute.callback">
        track click and execute JS
    </div>
    
    <div data-site-trackactivity="repl_content,test_act" data-site-executeaftertrack="acme.execute.callback">
         track activity and execute JS
    </div>
    
    <div data-site-trackclick="" data-site-trackactivity="repl_content,test_act" data-site-executeaftertrack="acme.execute.callback">
         track activity, click and execute JS
    </div>
    
    <div data-site-trackactivity="repl_content,test_conv" data-site-executeaftertrack="acme.execute.callback">
         track conversion and execute JS
    </div>
    
    <div data-site-trackclick="" data-site-trackactivity="repl_content,test_conv" data-site-executeaftertrack="acme.execute.callback">
         track conversion, click and execute JS
    </div>
</div>

Explication de chaque balise et de leur(s) attribut(s) respectif(s) :

- Tracking occurs after clicking on the link:
<div data-site-trackclick="">track click</div>

- Tracking occurs after clicking on a link and then navigates to the specified URL in a new window/tab:
<div data-site-trackclick="" data-site-navigateaftertrack="https://www.google.be" data-site-navigateaftertracktarget="_blank">
    track click and navigate
</div>

- Tracking occurs after clicking on the link and executes the specified JavaScript:
<div data-site-trackclick="" data-site-executeaftertrack="acme.execute.callback">
    track click and execute JS
</div>

- Tracking occurs on the activity defined in the offer and executes the JavaScript:
<div data-site-trackactivity="repl_content,test_act" data-site-executeaftertrack="acme.execute.callback">
    track activity and execute JS
</div>

- Tracking occurs after clicking on the link. Tracking also occurs on the activity defined in the offer and executes the specified JavaScript:
<div data-site-trackclick="" data-site-trackactivity="repl_content,test_act" data-site-executeaftertrack="acme.execute.callback">
    track activity, click and execute JS
</div>

- Tracking occurs on the conversion defined in the offer and executes the specified JavaScript:
<div data-site-trackactivity="repl_content,test_conv" data-site-executeaftertrack="acme.execute.callback">
    track conversion and execute JS
</div>

- Tracking occurs after clicking on the link. Tracking also occurs on the conversion defined in the offer and executes the specified JavaScript:
<div data-site-trackclick="" data-site-trackactivity="repl_content,test_conv" data-site-executeaftertrack="acme.execute.callback">
    track conversion, click and execute JS
</div>

Lorsque vous utilisez l'attribut data-site-trackactivity pour effectuer un suivi des activités ou conversions, ces activités/conversions doivent être définies dans la section Pourquoi? de l'offre via l'API.

Exemple d'activités et de conversions:

Les attributs suivants peuvent ensuite être utilisés comme dans les exemples ci-dessus:
- data-site-trackactivity="repl_content,test_act"
- data-site-trackactivity="repl_content,test_conv"