La clé pour parvenir à cette information essentielle est l’accès à des outils analytics pour mesurer votre audience afin de comprendre son comportement. En plus d’accélérer le chargement de votre page, la technologie AMP offre aussi de multiples options analytics AMP sans compromettre la performance de votre site sur mobile.
Vous pouvez donc choisir d’utiliser une solution telle que amp-pixel (dans le <head>) qui se comporte comme un simple suivi (tracking) de pixel. Elle utilise une URL unique qui permet des substitutions de variables, ce qui la rend très personnalisable. Exemple (en remplaçant domaine.com par le vôtre) :
<amp-pixel src="https://domaine.com/pixel?RANDOM"></amp-pixel>Le composant amp-analytics, en revanche, est une solution puissante qui reconnaît les nombreux types de déclencheurs d’événements pour vous aider à recueillir des mesures spécifiques.
Car amp-analytics est pris en charge par plusieurs fournisseurs d’analytiques. Ce qui signifie que vous pouvez utiliser amp-analytics pour configurer plusieurs points de terminaison et des ensembles de données.
AMP va ensuite gérer l’ensemble de l’instrumentation à venir avec des données spécifiées avant de les partager avec ces fournisseurs de solutions analytics.
Voici un modèle de code à intégrer dans le <head> du code source de vos pages AMP pour utiliser amp-analytics :
<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>Et juste en dessous, vous placez le script amp-analytics suivant en remplaçant “UA-YYYY-Y” par votre compte Google Analytics.
<amp-analytics type="googleanalytics">Pour plus d’information, consultez la documentation amp-analytics ici.
<script type="application/json">
{
"vars": {
"account": "UA-YYYY-Y"
},
"triggers": {
"defaultPageview": {
"on": "visible",
"request": "pageview",
"vars": {
"title": "Name of the Article" // A personnaliser
}
},
"clickOnHeader": {
"on": "click",
"selector": "#header",
"request": "event",
"vars": {
"eventCategory": "examples", // A personnaliser
"eventAction": "clicked-header"
}
}
}
}
</script>
</amp-analytics>
Pour les sites WordPress, vous pouvez utiliser ce tuto pour installer Google Analytics.
