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
-
タグ: AI学習設計, GA4, Googleマーケティングプラットフォーム, Google広告, LTV向上, ウェビナー開催, コラム, データ活用, マーケティング分析, 広告運用最適化
【オンデマンド動画】広告成果の「頭打ち」を打破する！GA/GMPを活用したAI学習設計と運用戦略 -
タグ: Webサイト多言語変換サービス, shutto翻訳, コラム, 事例紹介
アツギ株式会社様：shutto翻訳ご利用事例 -
タグ: エンジニア採用, キャリア採用, コミュニケーション, コラム, ブログ, リモートワーク, ワーケーション, 採用情報, 文化, 環境
2026年5月の募集職種一覧！ビジネス職を中心に採用強化中！｜株式会社イー・エージェンシー公式note -
タグ: AI議事録, コラム, ナレッジ共有, 会議効率化, 文字起こし, 業務効率化, 生成AI活用, 生産性向上, 社内DX
【オープン社内報 2026年5月号】イー・エージェンシーグループ プレミアムニュース｜株式会社イー・エージェンシー公式note -
タグ: BigQuery, GA4, アクセス解析, コラム, サンプリング, データ分析精度, データ活用, マーケティング分析, レポート改善, 探索レポート
バラバラな広告データをGA4で一つに アップデートで進化した「広告」セクションの活用法 -
タグ: GA4, googleアナリティクス360, web解析, アクセス解析, コラム, データドリブン, データ活用, ニュース, マーケティング分析, 導入支援
イー・エージェンシー 新経営体制に。新たにGemini Enterpriseの導入を支援
