Q&Aやりたいこと
AMPページで動画周りのGoogleAnalyticsイベントを発火させたいです。
しかしイベントの発火確認ができていません（ローカル開発環境で確認しています）
ご相談したいことは
・そもそもGoogleAnalyticsを送信する土台が出来ていない？
・それとも下記の実装に問題があってイベント送信出来ていない？
・イベントの確認方法はAMPページでデベロッパーツール開いて、Networkで「collect」でフィルタかけるで問題ない？
です。
よろしくお願いします。
出来ていること
・AMP対応
・GTMでのイベント発火
試したこと
GTMだとamp-videoタグのイベントが計測できないようで、
下記のようにGoogleAnalyticsに直接送信するように設定してみました。
consoleを確認しましたが、他の質問者さんのようなAMPエラーは出ていません。
<head> <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script> </head> <body> <!-- Google Tag Manager --> <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-XXXXXXXX>m.url=SOURCE_URL" data-credentials="include"></amp-analytics> <!-- Google Analytics --> <amp-analytics type="gtag" data-credentials="include"> <script type="application/json"> { "vars": { "gtag_id": "XXXXXXXX", "config" : { "XXXXXXXX": { "groups": "default" } } }, "triggers": { "myVideoPlay": { "on": "video-play", "request": "event", "selector": "amp-video", "vars": { "eventCategory": "${canonicalPath}", "eventAction": "start_video", "eventLabel": "${id}" } }, "myVideoEnded": { "on": "video-ended", "request": "event", "selector": "amp-video", "vars": { "eventCategory": "${canonicalPath}", "eventAction": "end_video", "eventLabel": "${id}" } }, "myVideoSecondsPlayed": { "on": "video-seconds-played", "request": "event", "selector": "amp-video", "videoSpec": { "interval": 2 }, "vars": { "eventCategory": "${canonicalPath}", "eventAction": "playing_2_seconds_${counter}", "eventLabel": "${id}" } } } } </script> </amp-analytics> <amp-video id="XXXXXXXX" autoplay controls width="640" height="360" layout="responsive"> <source type="video/mp4" src="https://XXXXXXXX.mp4"> </amp-video>
回答1件
0
自己解決
単にtype="gtag"が古かっただけでした。
これでいけた。
<amp-analytics type="googleanalytics"> <script type="application/json"> { "vars": { "account": "XXXXXXXX" },
投稿2020/05/21 11:49
総合スコア12
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。