web-dev-qa-db-ja.com

GoogleタグマネージャーとAMP

ニュースサイトにAMPを設定しています。 Googleタグマネージャーのサポートがあるかどうかは誰にもわかりますか？ Google Analyticsを使用できることを知っています。すべての/ amp /ページでGAトラッキングコードを使用すると、2回トラッキングされます。

google-analyticsgoogle-tag-manageramp
5
dasickle

私はもともと Gloe for Yoast SEO を使用してGTMを追加しようとしましたが、ページを追跡しました。ただし、その結果、2つのAMP検証エラーが発生しました。

AMP Google Tag Manager validation errors

現時点でのタグの適切な実装方法は、アンプピクセルまたはアンプ分析を使用することです。 amp-analyticsタグを自分で使用しました。まず、これを頭に追加します。

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

そして、トラッキングコードはJSONを使用してこのタグ内の本文に入ります。

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

詳細については、こちらをご覧ください。

AMPページへの分析の追加

4
dasickle

GoogleタグマネージャーにAMPサポートが追加されました。必要なのは

  1. タイプ「AMP」のGTMコンテナを作成します

  2. <head>に次のコードを含めます

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

  3. 次のコードを<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>

Simo Ahavaのブログで詳細を確認してください http://www.simoahava.com/analytics/accelerated-mobile-pages-via-google-tag-manager

2
Andrea Rapanaro