Comment Installer Google Analytics sur vos pages AMP?

Etes-vous certain que votre configuration Google Analytics est proprement configurée sur votre site pour gérer vos pages AMP?

Si vous avez utilisé le code de tracking classique de GA, vous allez découvrir un message d’erreur sur la Google Search Console.

En fait, il existe un code de tracking google analytics dédié pour les pages AMP qui se trouve expliqué dans la documentation pour les développeurs.

AMP-Analytics est un module d’extension dédié qui doit être explicité dans le document AMP qui va l’utiliser


<span class="tag">&lt;script</span> <span class="atn">async</span> <span class="atn">custom-element</span><span class="pun">=</span><span class="atv">"amp-analytics"</span><span class="pln">
    </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"https://cdn.ampproject.org/v0/amp-analytics-0.1.js"</span><span class="tag">&gt;&lt;/script&gt;</span>

<span class="tag">&lt;amp-analytics</span> <span class="atn">type</span><span class="pun">=</span><span class="atv">"googleanalytics"</span><span class="tag">&gt;</span>
<span class="tag">&lt;script</span> <span class="atn">type</span><span class="pun">=</span><span class="atv">"application/json"</span><span class="tag">&gt;</span>
<span class="pun">{</span><span class="pln">
  </span><span class="str">"vars"</span><span class="pun">:</span> <span class="pun">{</span><span class="pln">
    </span><span class="str">"account"</span><span class="pun">:</span> <span class="str">"UA-XXXXX-Y"</span><span class="pln">
  </span><span class="pun">},</span><span class="pln">
  </span><span class="str">"triggers"</span><span class="pun">:</span> <span class="pun">{</span><span class="pln">
    </span><span class="str">"trackPageview"</span><span class="pun">:</span> <span class="pun">{</span><span class="pln">
      </span><span class="str">"on"</span><span class="pun">:</span> <span class="str">"visible"</span><span class="pun">,</span><span class="pln">
      </span><span class="str">"request"</span><span class="pun">:</span> <span class="str">"pageview"</span><span class="pln">
    </span><span class="pun">}</span><span class="pln">
  </span><span class="pun">}</span>
<span class="pun">}</span>
<span class="tag">&lt;/script&gt;</span>
<span class="tag">&lt;/amp-analytics&gt;</span>
Je vous laisse lire la documentation pour voir comment passer d'autres attributs.

Et dans WordPress, je fais comment pour ajouter les balises dans AMP?

Il faut aller éditer le fichier suivant et ajouter les balises dans la partie <head></head>

/wp-content/plugins/amp/templates/single.php

N’oubliez pas d’aller tester votre page AMP pour valider la qualité du code.

 

Source : How to Install Google Analytics on AMP Pages