ましじめ株式会社

この記事は最終更新日から2年以上経過しています。

AMP アナリティクスを表示する

公開日：

更新日：

スタッフブログ

こんにちは。ましじめの田村です。
AMPでアナリティクスを表示したいケースがありました。

公式ドキュメントを見るとこちらの内容で表示可能でした。
AMP ページにアナリティクスを追加する

amp-analytics

必須のスクリプト

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

表示例

    <amp-analytics type="gtag" data-credentials="include">
    <script type="application/json">
    {
      "vars" : {
        "gtag_id": "<GA_MEASUREMENT_ID>",
        "config" : {
          "<GA_MEASUREMENT_ID>": { "groups": "default" }
        }
      }
    }
    </script>
    </amp-analytics>

以上「AMP アナリティクスを表示する」でした。
AMP対応する際に参考にしてみてください。

この記事をシェアする

関連記事

この記事のハッシュタグ #AMP から関連する記事を表示しています。

AMP 広告を設定する

こんにちは。ましじめの田村です。 AMPで広告を表示したいケースがありました。 公式ドキュメントを見るとこちらの内容で表示可能でした。 AMP ページと収益化 amp-ad amp-sticky-ad 仕様は今後、大幅に変更される可能性があるそうです。必要な場合は都度マニュアルをチェックするのが良さそうです。 必須のスクリプト &lt;!-- 広告 --&gt; &lt;script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"&gt;&lt;/script&gt; &lt;!-- 固定表示の広告 --&gt; &lt;script async custom-element="amp-sticky-ad" src="https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"&gt;&lt;/script&gt; 表示例 タグはこちから作成できる模様 広告タグを作成する また、使用できる広告はこの辺りを確認すると良さそうです。 AMP ページと AMP HTML に関してアド マネージャーで利用できる機能 以上「AMP 広告を設定する」でした。 AMP対応する際に参考にしてみてください。

スタッフブログ

AMP タグ マネージャーを設定する

こんにちは。ましじめの田村です。 AMPでアナリティクスを表示したいケースがありました。 公式ドキュメントを見るとこちらの内容で表示可能でした。 AMP とタグ マネージャーの設定ガイド amp-analytics 必須のスクリプト &lt;!-- headの中 --&gt; &lt;script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"&gt;&lt;/script&gt; &lt;!-- bodyの中 --&gt; &lt;amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-CONTAINER_ID" data-credentials="include"&gt;&lt;/amp-analytics&gt; 表示例 &lt;script type="application/json "&gt; { "vars" : { "type": "shoes", "color": "red" } } &lt;/script&gt; &lt;/amp-analytics&gt; 以上「AMP タグ マネージャーを設定する」でした。 AMP対応する際に参考にしてみてください。

スタッフブログ