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活用, Amplitude, DX推進, グロース支援, コラム, セッションリプレイ, タクソノミー設計, データ基盤構築, プロダクト分析, ユーザー行動データ
AIが課題発見から改善案を提示：統合プロダクト分析プラットフォーム「Amplitude」サイトを全面リニューアル｜イー・エージェンシー -
タグ: ebpm, sdgs, webメディア, インタビュー事例, コラム, データエージェンシー, データ基盤, データ活用, 地域課題解決, 地方創生, 自治体dx
イー・エージェンシーのグループ会社、株式会社データ・エージェンシーが 「地方創生 × データ活用」専門Webメディア『Data for Japan』をリリース -
タグ: ECサイト, MAツール, オンラインショップ運営, カゴ落ち対策, キャンペーン情報, コラム, コンバージョン率向上, マーケティングオートメーション, リカバリーメール, 売上改善, 年末商戦
年末年始の商戦期を逃さない！初期費用無料キャンペーン実施中 – CART RECOVERY -
タグ: it業界, イーエージェンシー, エンジニア募集, コラム, 企業文化, 採用情報, 求人募集, 熊手, 社内イベント, 転職活動, 酉の市
2026年の熊手を買いに行ったら、世相を反映した熊手に出会った！！ -
タグ: エンジニア募集, オウンドメディア, コラム, ビジネス職, リモートワーク, レコメンドエンジン, 中途採用, 働きやすい環境, 採用強化, 採用情報, 社内文化, 翻訳ツール
【オープン社内報 2025年12月号】イー・エージェンシー プレミアムニュース -
タグ: エンジニア採用, キャリア採用, コミュニケーション, コラム, ブログ, リモートワーク, ワーケーション, 採用情報, 文化, 環境
2025年12月の募集職種一覧！ビジネス職を中心に採用強化中！｜株式会社イー・エージェンシー公式note
