Code de suivi asynchrone pour les meilleurs classements Google

von Katrin Nebermann

Code de suivi asynchrone pour les meilleurs classements Google

Pour qu’etracker analytics puisse collecter des données, le code etracker initie d’abord le chargement d’un autre script. Ce processus peut être synchrone ou asynchrone. En mode synchrone, le contenu réel de la page n’est chargé qu’après l’exécution du code etracker. En revanche, en mode asynchrone, les scripts peuvent être exécutés simultanément. Ainsi, le suivi n’a aucune influence sur la vitesse de chargement du contenu des pages Web et des autres scripts. Résultat : des valeurs Core Web Vitals au top et d’excellents classements Google.

Vous pouvez voir si le code asynchrone est inclus en regardant le paramètre mis en évidence dans l’exemple ci-dessous :

Le code asynchrone se trouve dans tous les comptes etracker sous Account Info → Paramètres → Setup/Tracking Code.

Si vous avez actuellement intégré l’ancien code de suivi synchrone, vous pouvez facilement l’adapter en remplaçant src="//static.etracker.com/code/e.js" par src="//code.etracker.com/code/e.js" et en ajoutant le mot-clé asynchrone.

Attention: Si vous utilisez la récupération de code asynchrone et les événements eCommerce, il peut y avoir des problèmes de timing. Cela peut avoir pour conséquence que les événements eCommerce ne soient pas transmis avec succès. Pour s’assurer que le code etracker a déjà été chargé avant que les événements eCommerce ne soient envoyés, l’appel à l’API eCommerce doit être effectué dans la fonction suivante :

<script>
function _etrackerOnReady() {
  etCommerce.sendEvent('viewProduct', { /* product /* } ) ;
}
</script>

Ou dans cette fonction, lorsque plusieurs événements doivent être envoyés à différents endroits du code :

<script>
var _etrackerOnReady = [] ;
_etrackerOnReady.push(function() {
  etCommerce.sendEvent('viewProduct', { /* product1 /* }) ;
}) ;
</script>
...
<script>
_etrackerOnReady.push(function() {
  etCommerce.sendEvent('viewProduct', { /* product2 /* }) ;
}) ;
</script>