ObservePoint TagDebuggerでページに埋まっているタグを無料で識別する

By原田憲悟 2019年6月18日

こんにちは。CEOの原田です。

サイトに埋めたタグの発火状況を調べるにはChromeのデベロッパーツールをつかったりCharlesを使ったりアドビ製品ならAdobe Experience Cloud Debuggerを使ったりするわけですが、もう1つ手っ取り早くデバッグできるエクステンションを共有します。

ObservePointはサイトに埋まっているタグが何か、飛んでいるデータが正しいか、意図しないタグが埋まっていないかやアプリの各イベントで正しくデータが飛んでいるかを自動的に検証するツールですが、オマケ機能としてChromeの拡張機能も出ています。

ここにあります
https://chrome.google.com/webstore/detail/observepoint-tagdebugger/daejfbkjipkgidckemjjafiomfeabemo

利用方法は簡単で、これをブラウザに追加したら検証したいページへ行って、デベロッパーツールを開きます。
そうすると、いつものNetworkとかが並んでいる一番右に「ObservePoint」というものが追加されています。

実際にエクスチュアのトップページで見てみましょう。
こんな感じになります。

~~Quantum Metricのビーコンがうざい~~こんなに沢山のタグが反応しました。
ObservePoint TagDebuggerではObservePointが対応しているタグをリストアップしてくれるため、
ページに埋まっているタグがどのようなものかを分かりやすく確認できます。
デベロッパーツールのNetworkだとドメインで見ないといけないので分かりづらいですよね。
なお発火はリアルタイムに反映されるので、何か通信発生したらニョキニョキと出てきます。

また、各タグはイメージリクエストのパラメータを分解して計測値が分かるようになっています。
Adobe Analyticsだとこんな感じ