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
-
タグ: AEO, AI Visibility, AI検索, Amplitude, コラム, データ分析, ブランド可視化, プロダクト分析, マーケティング分析
SEOの次はAEO？AI検索時代の新戦略②「AIビジビリティ」でブランドの視認性を解き明かす -
タグ: GA4, GA4導入, GTM, Udemy講座, googleタグマネージャー, アクセス解析, オンライン学習, コラム, データ活用, 計測設定
今なら1,500円！GA4×GTM徹底解説 GA4導入講座をUdemyで公開！ -
タグ: B2B事例, さぶみっと！メール配信, コラム, コーポレート事例, メールシステム活用, メールマーケティング, メール配信導入事例, 導入理由, 業務支援, 費用対効果, 顧客事例
Benoit(ブノワ)様：さぶみっと！メール配信ご利用事例 -
タグ: BigQuery, DX推進, GA4導入事例, Google Cloud, Looker Studio, コラム, データ分析基盤, データ活用, マーケティング分析, 事例紹介
集英社 メディアビジネス部様 データ分析支援事例 GA4移行のその先へ。集英社が挑戦した広告パフォーマンスを最大化するデータ活用 -
タグ: AI分析, AI可視化, Amplitude, コラム, データドリブン, データ活用, プロダクトグロース, プロダクト分析, 分析民主化
【ウェビナー開催】AIがあなたの専属アナリストに！ ユーザー体験の全体像をつなぐ「AI アナリティクス プラットフォーム」入門 -
タグ: AI翻訳, コラム, サイト多言語化, 多言語サイト, 機械翻訳, 翻訳ツール比較, 翻訳品質, 翻訳精度, 自動翻訳
【プロが検証】AI翻訳の精度比較｜従来の機械翻訳（NMT）と生成AI翻訳の違いを活かしたウェブサイト多言語化の新常識
