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
-
タグ: Google アナリティクス360スイート, Webマーケティング・構築・運用, コラム, ポートフォリオ, メディア掲載
集英社様『少年ジャンプ＋』によるGoogle アナリティクス 360活用事例が、米国Google社サイトにグローバル成功事例として掲載 -
タグ: アジア進出・展開, コラム, 中国・ASEAN越境EC支援
利用時間とスマホ率は日本の2倍以上！データで見るタイのインターネット利用状況 ～ タイの現地グループ会社より -
タグ: コラム, リクルート, 会社の雰囲気, 社内イベント・環境・制度
2018年度入社式！新卒3名が新しく仲間に加わりました！ -
タグ: Google アナリティクス360スイート, コラム, データアナリティクス, ポートフォリオ
Google アナリティクスへ移行するには？よくある3つの疑問と解決法＆解決事例 -
タグ: eコマース, アジア進出・展開, コラム, セミナー＆イベント, 中国 , 中国・ASEAN越境EC支援
中国越境EC最前線の成功・失敗事例とは？中国ECモール進出＆自社ECサイト展開セミナーを開催しました -
タグ: コラム, セミナー＆イベント, ニュース, 地域創生ビジネス
宮城県「みやぎ認定IT商品」商品説明会＆成果発表会で、弊社の田中が講演しました
