web-dev-qa-db-fra.com

Google Tag Manager et AMP

Je suis en train de configurer AMP pour mon site d'informations. Est-ce que quelqu'un sait s'il y a un support de Google Tag Manager? Je sais que vous pouvez utiliser Google Analytics. Je me demande si j'utilise GA code de suivi sur tout/amp/pages dont le suivi est double.

5
dasickle

À l’origine, j’ai essayé d’ajouter le GTM à l’aide de Glue for Yoast SEO et le suivi des pages y était. Cependant, cela a entraîné 2 erreurs de validation AMP:

AMP Google Tag Manager validation errors

La bonne façon d’implémenter le tag à ce stade est via amp-pixel ou amp-analytics. J'ai utilisé la balise amp-analytics moi-même. D'abord, vous ajouteriez ceci dans la tête:

  <script async custom-element="amp-analytics"
    src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>

Et puis le code de suivi va dans le corps de cette balise en utilisant JSON:

 <amp-analytics type="googleanalytics" id="analytics1"></amp-analytics>

Les détails complets peuvent être trouvés ici:

Ajout d’analyses à vos pages AMP

4
dasickle

Google Tag Manager ajoute désormais le support AMP. Tout ce dont vous avez besoin est de

  1. créer un conteneur GTM de type "AMP"
  2. Incluez le code suivant dans <head>

     <!-- AMP Analytics --><script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
    
  3. Incluez le code suivant dans <body>

    <!-- Google Tag Manager -->
    <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-XXXXXX&gtm.url=SOURCE_URL" data-credentials="include"></amp-analytics>
    

Trouvez plus d'informations à ce sujet sur le blog de Simo Ahava http://www.simoahava.com/analytics/accelerated-mobile-pages-via-google-tag-manager

2
Andrea Rapanaro