AMP版Googleタグマネージャで使えるタグ・トリガー・変数一覧2017と計測事例

AMPページにもとても簡単にGoogleタグマネージャを実装できます。いろいろ使えそうなので利用可能タグなどを一覧しました。※2017年3月27日時点

こんにちは、GTM大好きカグア！です。

AMP版GTMで使えるアクセス解析 amp-analytics は、とても強力なアクセス解析機能を持っていて、AMP版Googleタグマネージャと合わせるとなかなかに興味深い仕様でした。

＞＞人気の「蒸しタオル」最新一覧はこちら。
Amazonで詳しく見る

関連記事
＞＞AMPページにGoogleタグマネージャを実装する方法
＞＞Googleタグマネージャ事例：GTMだけで行うページ内リンク計測とUX改善
＞＞Googleタグマネージャで使えるタグ・トリガー・変数一覧2017

AMP版GTMとは

Googleタグマネージャでは、AMP用のコンテナタグを発行できます（上図）。AMPはさまざまな制約があるなかで、AMP用のいろいろな計測ができるようになっています。

Google公式にも詳しく書かれています。
＞＞AMP ページにアナリティクスを追加する  |  AMP ページ向けアナリティクス  |  Google Developers

<amp-analyticstype=”googleanalytics” id="analytics1”> こんな感じにAMP内に記述しますと、amp-analytics が使えるようになるといった感じです。

AMP Project でさらに詳しく書かれています。
＞＞amp-analytics – Accelerated Mobile Pages Project

調べてみますと意外と、トリガーや計測タグなどが、かなり違いがあることがわかりました。ですので、ちょっとまとめてみることにしました。

それがこちらです。

AMPで使えるタグなど一覧

タグ一覧

• ユニバーサル アナリティクス



• AdWords コンバージョン トラッキング
• AdWords リマーケティング
• DoubleClick Floodlight カウンタ
• DoubleClick Floodlight 販売
• カスタム画像
• Adobe Analytics
• AT Internet
• Burt
• Chartbeat
• Clicky
• comScore Unified Digital Measurement
• Cxense
• Krux
• LinkedIn Insight
• Linkpulse
• Mediametrie
• mParticle
• OWA
• Parse.ly
• Piano
• Quantcast Measurement
• Segment
• SimpleReach
• Snowplow
• Webtrekk

カスタム画像も使えるっぽいので、たぶんピクセルのコンバージョンとかもいけそうですね。

トリガー一覧

• クリック



• スクロール



イベントを発生させる縦方向スクロールの割合です。1 つ以上の正の整数（0～100）をカンマで区切って指定できます。

垂直方向に25％、50％などと%で指定して、スクロールイベント発生の検知ができます。簡単ですね。

• タイマー



• ページビュー



• 視認性

視認性とかってヤバくないですか。たぶん、AdSenseなどディスプレイでいろいろ使えそうですよね。

変数一覧（デフォルト）

ページ

• Page URL
• Page Hostname
• Page Path

ページとコンテンツ

• Canonical URL
• Canonical Host
• Canonical Path
• Document Referrer
• Document Title

デバイスとブラウザ

• Screen Width
• Screen Height
• Scroll Left
• Scroll Top
• Scroll Width
• Scroll Height
• Browser Language
• Client Timezone

パフォーマンス

• Page Load Time
• Page Download Time

インタラクション

• Total Engaged Time

その他

• Page Client ID
• Page View ID
• Client Timestamp
• AMP Event

ユーティリティ

• Environment Name
• Container ID
• Container Version
• Random Number

変数一覧（カスタム）

ナビゲーション

• URL

ページ変数

• AMP 変数

ユーティリティ

• ルックアップ テーブル
• 環境名
• 定数
• 乱数

コンテナデータ

• コンテナ ID
• コンテナのバージョン番号

Page Client IDとか Page View ID や Client Timestamp に興味わきますね。Googleキャッシュで動くだけに、なんか通常サイトとはいろいろと違うものが取れそうですね。これは楽しみ。

あと、2017年に実装されたGoogleアナリティクス設定変数は、AMP版のほうにはありません。

AMP版GAでスクロールを計測してみた

では実際に計測してましょう。

ちょうどAMPでインデックスされている検証サイトがありましたので、晒しますね。

結論としては、すげええええええ簡単です。スクロール計測のいろいろなコードを書いていたのが、過去の話になるレベル。

実際のAMPページ

こんな感じでスマホで見れます。

PageFrog だともっといろいろなデザインカスタマイズができるっぽい。とりあえず、オートマティック社のAMPプラグイン使いました。
＞＞Facebook Instant Articles & Google AMP Pages by PageFrog — WordPress Plugins

AMP用GTMタグの設定

実際の仕込みはたったコレだけ。これでスクロールが50%超えたら発火します。

GAにイベント設定

AMP版GAタグでも、イベントが使えます。あとカスタムディメンションとカスタム指標も設定できますので、入れてみました。

AMPページのGoogleアナリティクス

最初、GAのイベントラベルはAMPページであることがわかるようURLにしてました。上記は、document.title になっていますが、実際の運用にはタイトルのほうがわかりやすいかなということでそうしておきました。

さくっと、半分以上スクロールしたページがわかりますね。超カンタンです。

サイトのAMP対応も大変かとは思いますが、GTMに限っていえばJavaScript関連が使えないとはいえ、いろいろと工夫の余地はありそうに感じました。

みなさんも、AMPについていろいろと調べましたらぜひ共有してください。

お疲れ様です！

関連情報リンク

実践 Google タグマネージャ入門 増補版 | 畑岡 大作（アユダンテ株式会社）

Amazonで詳しく見る

トップコントリビューター山田さんのAMP版Googleアナリティクスの実践。
＞＞AMP版Google Analyticsの簡易トライアル | SEM Technology

AMP版GTMコンテナタグの実装。
＞＞Googleタグマネージャが⚡AMPに対応 | 海外SEO情報ブログ

AMPプラグイン、ページフロッグについて書かれています。
＞＞AMP用ページをGoogle Analyticsで計測するには？ ｜ SiTest (サイテスト) ブログ

実際に計測すると、/amp がつく事例。
＞＞AMPページをGoogleアナリティクスで計測する方法 | 今村だけがよくわかるブログ

Client ID がユニークにならないケースがあるとのこと。ひええ。
＞＞GoogleアナリティクスのAMP対応を利用する際に注意すべきたった一つのこと – datalove’s diary

まとめ

AMP対応が広がりつつある昨今において、GTMをどう使っていくのかというところは、興味がつきません。

＞＞人気の「蒸しタオル」最新一覧はこちら。
Amazonで詳しく見る

今年はGoogleからMFIについてもいろいろと発表があるでしょうから、忙しくなりそうですね。

AMP版GTM、オススメですよ。

・　・　・　・　・

＞＞安っ！アマゾンで半額以下になっている食品タイムセール
セール特設ページを見る