Annonces Google

Vous êtes ici : Dossiers référencement > Référencement mobile

Comment inclure Google Analytics dans une page AMP

Par , le 29 janvier 2016

Les pages AMP ont pour ambition d'accélérer considérablement le temps de chargement sur mobile. Pour continuer à suivre les performances webmarketing de vos pages, voyez comment inclure du code Google Analytics.

Google Analytics AMP

Les pages AMP permettent la mesure d'audience notamment avec Google Analytics

Optimisation du temps de mesure

D'après AMP Project, il est fréquent qu'une page web contienne plusieurs codes de suivi issus de plusieurs solutions de web analytics (source). Bien entendu, ceci ralentit le chargement de la page et n'est pas efficace.

L'idée du projet AMP pour le support du web analytics est d'avoir une seule mesure, dont les valeurs sont ensuite envoyées à un ou plusieurs outils de mesure d'audience (Google Analytics et les autres).

Au fait, si vous ne connaissez pas encore : présentation technique des pages AMP

Le composant AMP-PIXEL

Vous disposez d'un composant intégré au standard AMP permettant le suivi d'une page vue grâce à l'émulation d'un pixel de tracking. Voici un exemple de code utilisant AMP-PIXEL :

<amp-pixel src="https://foo.com/pixel?RANDOM"></amp-pixel>

Le pixel envoie une requête GET à l'URL spécifiée (ici https://foo.com/pixel?RANDOM). Comme vous l'avez compris, c'est à vous de fournir dans cette URL les valeurs que vous souhaitez collecter. Par ailleurs, dans l'exemple ci-dessus, "RANDOM" doit être remplacé par une valeur, ce qui donnerait quelque chose comme https://foo.com/pixel?0.1590278471201.

Le composant AMP-ANALYTICS

Le composant <amp-analytics> est plus complexe que <amp-pixel> car il supporte de nombreux types de déclencheurs d'événements pour aider les éditeurs à mieux comprendre leur audience. Voici un exemple de balisage amp-analytics :

<amp-analytics>
<script type="application/json">
{
  "requests": {
    "pageview": "https://example.com/analytics?url=${canonicalUrl}&title=${title}&acct=${account}",
    "event": "https://example.com/analytics?eid=${eventId}&elab=${eventLabel}&acct=${account}"
  },
  "vars": {
    "account": "ABC123"
  },
  "triggers": {
    "trackPageview": {
      "on": "visible",
      "request": "pageview"
    },
    "trackAnchorClicks": {
      "on": "click",
      "selector": "a",
      "request": "event",
      "vars": {
        "eventId": "42",
        "eventLabel": "clicked on a link"
      }
    }
  }
}
</script>
</amp-analytics>

Avec ce composant, vous pouvez déclencher des mesures quand certains événements se produisent sur la page, comme par exemple l'affichage de la page ou un clic. Les événements de type "clic" peuvent être personnalisés pour s'appliquer à certains éléments de la page (par leur ID ou leur classe). Je vous invite à consulter la documentation pour obtenir plus d'informations.

Envoi des données

Une fois que vous avez déterminé quelles données doivent être collectées, vous devez spécifier où elles doivent être envoyées. Il peut s'agit d'un serveur distant ou de votre propre serveur. Les solutions telles que Google Analytics fournissent des modèles de configuration pour vous éviter d'avoir tout à coder.

Google Analytics recommande de créer une nouvelle propriété Analytics pour collecter les données liées à vos pages AMP. L'idée est d'éviter de tout casser dans votre propriété actuelle, car le projet AMP n'en est encore qu'à ses débuts. Egalement, il faut comprendre qu'en raison du système de cache inclus dans AMP, un même visiteur peut voir la page AMP et sa version HTML depuis 2 supports différents et être ainsi compté comme 2 visiteurs par Google Analytics. En outre, certaines fonctionnalités ne seront pas encore disponibles avec les pages AMP...

Pour les détails, voyez ici et .

Un hangout va être organisé sur ce sujet le 05/02/2016.

Impact SEO

Si jamais vous souhaitez ajouter AMP sur votre site : lisez le dossier sur l'impact référencement

Pensez-vous intégrer le support de AMP sur votre site ?

A propos de l'auteur : Olivier Duffez Olivier Duffez sur Google+ Olivier Duffez sur Twitter Olivier Duffez sur Facebook Olivier Duffez sur Pinterest Olivier Duffez sur LinkedIn

Consultant en référencement, Olivier Duffez a travaillé pour les plus grands sites (Doctissimo, FNAC,...). Il édite le site WebRankInfo qu'il a créé en 2002, devenu la + grande communauté francophone sur le SEO (+300.000 membres, 1,5 million de posts). Il est aussi cofondateur de Ranking Metrics, leader des formations webmarketing en France (SEO, AdWords, Analytics, réseaux sociaux) et éditrice de la plateforme MyRankingMetrics (crawler et audit SEO en ligne).

Article publié par WebRankInfo dans la rubrique Référencement mobile. Si vous souhaitez publier un extrait de cet article sur votre site, assurez-vous de respecter les conditions générales d'utilisation de WebRankInfo.

Postez un commentaire !

Les champs marqués du signe * sont obligatoires. L'adresse email ne sera pas affichée.

En postant un commentaire, vous acceptez les CGU du site WebRankInfo.

Annonces Google

Catégories des dossiers

Consultez les dossiers par thématiques :

Annonces Google

Formation référencement et webmarketing

Venez chez Ranking Metrics vous former au référencement, à Google AdWords et Analytics ainsi qu'aux réseaux sociaux ! Plus de 4000 entreprises sont déjà venues (Dossier possible OPCA, DIF...).

Préparés et animés par Olivier Duffez (WebRankInfo) et Fabien Faceries (AgentWebRanking), 2 professionnels reconnus dans le domaine, nos modules sur le référencement naturel sont très complets tout en laissant une grande place à l'interactivité pour répondre à toutes les questions des participants.

Pour connaître le plan détaillé de chaque module, le prix, les dates et les lieux, consultez le site de Ranking Metrics (organisme de formation).

Hébergement web

Hébergement web mutualisé et dédié

Pour un bon référencement, il faut un bon hébergeur. Testez Sivit by Nerim, l'hébergeur choisi par Olivier Duffez pour son site WebRankInfo.

A partir de 3€ HT/mois.