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
-
タグ: Amplitude入門, GA4計測, オープン社内報, コラム, トレンド総まとめ, プッシュ通知分析, プロダクト分析, メールテンプレート, 社内ニュースまとめ, 社内動向, 迷惑メールガイドライン
【オープン社内報 2026年2月号】イー・エージェンシー プレミアムニュース｜株式会社イー・エージェンシー公式note -
タグ: Webサイト多言語変換サービス, shutto翻訳, コラム, 事例紹介
株式会社とうこう・あい様：shutto翻訳ご利用事例 -
タグ: CRM機能, DATA CAST, EC顧客育成, HTMLメールエディター, future Scenario Cast, コラム, シナリオ配信, ステップ配信, セミナー開催, メールマーケティング
2026年2月17日（火）開催 CRM機能＆HTMLメールエディター標準搭載 「future Scenario Cast」（フューチャーシナリオキャスト） 徹底解説 -
タグ: CVランキング, ECマーケティング, Shopify, Shopifyアプリ連携, ecサイト構築, refactory, さぶみっと！レコメンド, コラム, レコメンドエンジン, 売上向上, 導入事例, 販売代理店
株式会社refactory様『さぶみっと！レコメンド』をShopify上に国内初導入＆販売代理店契約を締結 -
タグ: ECサイト翻訳, shutto翻訳, コラム, プロ翻訳, ローカライゼーション, 品質評価, 多言語対応, 機械翻訳, 翻訳方法比較, 翻訳精度
生成AI翻訳・自動翻訳・人力翻訳の違いと多言語化の最適解｜ウェブサイト翻訳ツールの選び方 -
タグ: BigQuery連携, GA4, コラム, サンプリング解消, データ分析, データ制約突破, ビジネス意思決定, マーケティングデータ活用, 分析基盤強化
サンプリングと100万件制限から解放される。GA4×BigQueryで「本当に見たかったデータ」を手に入れる
