Marqueur Asynchrone

 

Avant-propos

Vous avez la possibilité de charger notre bibliothèque JavaScript en asynchrone. Cela demande cependant d’adapter son marquage.

 

Marquage

  • Déclarer le callback ATInternet de la façon suivante
window.ATInternet = window.ATInternet || {};
window.ATInternet.onTrackerLoad = function(){
    window.tag = new window.ATInternet.Tracker.Tag();
    // your tag
};

Vous déclarez ainsi la fonction onTrackerLoad dans l’objet global ATInternet. Cette fonction est ensuite automatiquement appelée lorsque le fichier smarttag.js a fini de s’exécuter.

  • Charger notre bibliothèque JavaScript en asynchrone
(function(){      
    var at=document.createElement('script');
    at.type='text/javascript';   
    at.async=true;    
    at.src='http://www.site.com/smarttag.js';
    (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]||document.getElementsByTagName('script')[0].parentNode).insertBefore(at,null);   
})();
 

Exemples de marquage

<script type="text/javascript">
window.ATInternet = window.ATInternet || {};
window.ATInternet.onTrackerLoad = function(){
    window.tag = new window.ATInternet.Tracker.Tag();
    // your tag
};
(function(){      
    var at=document.createElement('script');
    at.type='text/javascript';   
    at.async=true;    
    at.src='http://www.site.com/smarttag.js';
    (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]||document.getElementsByTagName('script')[0].parentNode).insertBefore(at,null);   
})();
</script>

L’url du fichier smarttag.js doit être remplacée par le chemin du fichier sur votre serveur.
La déclaration du callback onTrackerLoad doit toujours se faire avant le chargement du fichier smarttag.js
Ne pas oublier que la fonctionnalité tag.clickListener mesure un élément qui doit exister au moment où elle est utilisée

Dernière mise à jour : 04/03/2019