Google タグマネージャのデバックにおすすめのツール
Google タグマネージャを使いこなす為に便利なツールの紹介です。「dataslayer」は、Google Chrome拡張です。Chromeブラウザで、ちゃんとデータが送信されているか確認するのに便利なツールです。
この記事の目次
「dataslayer」で確認出来るデータ
・ Google Tag Manager dataLayer variable
・ Adobe DTM page load rules and detection
・ Tealium data layer
・ TagCommander data layer
・ custom data layers (any variable represented as a JavaScript object)
Google タグマネージャのdatalayerのデータなどを確認することが出来ます。タグマネージメントツールを使っているのであれば、入れておくと便利なツールです。
ダウンロードは、こちらから
chrome拡張のダウンロード先：
https://chrome.google.com/webstore/detail/dataslayer/ikbablmmjldhamhcldjjigniffkkjgpo?hl=en-US
公式サイトは、こちら：dataslayer – Tag Management and Analytics debugging
使い方
今回は、Googleタグマネージャへ送るデータdataLayer.push() がちゃんと動いているかチェックする方法を紹介します。
1.まずは、ダウンロードし、Google Chrome拡張をオンにします。
2.調べたいページで右クリックして要素の検証をクリックします。
3.dataslayerという項目が出るようになります。
4.データを更新する。
WindowsならF5 macなら command + R を押してページを更新してください。
5.dataslayerをクリックする。
左下のデータには、dataLayerで記述したデータの内容を確認ができます。キャプチャでは、autor,category,dataがちゃんと出ていることが確認出来ました。また、右側では、カスタムディメンションを使って取得した他のカラムのデータも見ることが出来ます。
紹介したツール dataslayer
dataslayer – Tag Management and Analytics debugging
http://dataslayer.org/#contribute
PICK UP
-
タグ: CMS連携, shutto翻訳, ウェブサイト翻訳, コラム, 承認ワークフロー, 海外SEO
大企業向けウェブサイト翻訳ツール比較ポイント 2026 -
タグ: shutto翻訳, コラム, 多言語サイト, 海外SEO, 用語集, 翻訳品質管理
大規模コーポレートサイト翻訳品質管理ガイド 2026 -
タグ: BigQuery, GA4, Google Cloud, SQL, コラム, データ分析
GA4とBigQuery連携方法を図解｜メリット・料金・SQL活用例も解説 -
タグ: GA4, direct, none, アクセス解析, コラム, 参照元
GA4の(direct) / (none)とは？原因11選と参照元不明を減らす対策 -
タグ: GA4, utm_source, utmパラメータ, キャンペーン計測, コラム, 流入元分析
utm_sourceとは？GA4で失敗しないutmパラメータ設定と一覧 -
タグ: EC, PERFECT WORLD TOKYO, あわせ買い, さぶみっと！レコメンド, カラーミーショップ, コラム, 事例
PERFECT WORLD TOKYO様：さぶみっと！レコメンドご利用事例
