タグマネジャー Googleアナリティクスタグ追加方法

Question

お世話になります。

現在、弊社で使用しているトラッキングコード「非同期ga.js」と「analytics.js」を
最新の「gtag.js」の設定を行っております。

タグマネージャーで登録している記述を一部、
Googleアナリティクスに登録をしているのですが、その他にも記述があります。
①～⑥つあるのですが、一部箇所のみ記述が違い、その他の記述は同じ内容です。

下記の記述は、Googleアナリティクスで登録できるかご教示お願いします。
以前、カスタムディメンションを使用しましたが、同じ様に設定は可能でしょうか。

また登録できない場合、どのように記述を書き換えればいいかご教示お願いします。

▼①の書き方

setTimeout(function(){
    try{
       _gaq.push(['b._setCustomVar', 4, "IsTeamRegister", "true", 1]);
       _gaq.push(['b._setCustomVar', 2, get_user_id(), get_time_now()   "_"   get_session_num(), 3]);
        _gaq.push(['b._setCustomVar', 3, get_user_id(), get_session_num(), 2]);               
    }catch(e){
        _gaq.push(['b._trackEvent','error',e.message,'',0,true]);
    }finally{
        _gaq.push(['b._trackPageview','/team_regist/complete']);
    }
},20);


▼②の書き方

setTimeout(function(){
    try{
       _gaq.push(['b._setCustomVar', 5, 'IsMember', 'Member', 1]);
        _gaq.push(['b._setCustomVar', 2, get_user_id(), get_time_now()   "_"   get_session_num(), 3]);
        _gaq.push(['b._setCustomVar', 3, get_user_id(), get_session_num(), 2]);               
    }catch(e){
        _gaq.push(['b._trackEvent','error',e.message,'',0,true]);
    }finally{
        _gaq.push(['b._trackPageview', '/user_regist/change']);
    }
},20);


▼③の書き方
setTimeout(function(){
    try{
       _gaq.push(['b._setCustomVar', 2, get_user_id(), get_time_now()   "_"   get_session_num(), 3]);
        _gaq.push(['b._setCustomVar', 3, get_user_id(), get_session_num(), 2]);               
    }catch(e){
        _gaq.push(['b._trackEvent','error',e.message,'',0,true]);
    }finally{
        _gaq.push(['b._trackPageview','/user_regist/form']);
    }
},20);


▼④の書き方
setTimeout(function(){
    try{
       _gaq.push(['b._setCustomVar', 2, get_user_id(), get_time_now()   "_"   get_session_num(), 3]);
        _gaq.push(['b._setCustomVar', 3, get_user_id(), get_session_num(), 2]);               
    }catch(e){
        _gaq.push(['b._trackEvent','error',e.message,'',0,true]);
    }finally{
        _gaq.push(['b._trackPageview','/urer_regist/confirm']);
    }
},20);


▼⑤の書き方

setTimeout(function(){
    try{
       _gaq.push(['b._setCustomVar', 5, 'IsMember', 'Member', 1]);
        _gaq.push(['b._setCustomVar', 2, get_user_id(), get_time_now()   "_"   get_session_num(), 3]);
        _gaq.push(['b._setCustomVar', 3, get_user_id(), get_session_num(), 2]);               
    }catch(e){
        _gaq.push(['b._trackEvent','error',e.message,'',0,true]);
    }finally{
        _gaq.push(['b._trackPageview', '/user_regist/complete']);
    }
},20)
;

▼⑥の書き方

setTimeout(function(){
    try{
       if({{Cookie__utmv}}.indexOf("=Customer") == -1){
       _gaq.push(['b._trackEvent', 'PurchaseType', 'FirstPurchase']);}else{
       _gaq.push(['b._trackEvent', 'PurchaseType', 'RepeatPurchase']);
}
       _gaq.push(['b._setCustomVar', 1, get_user_id(), "Customer", 1]);
       _gaq.push(['b._setCustomVar', 2, get_user_id(), get_time_now()   "_"   get_session_num(), 3]);
        _gaq.push(['b._setCustomVar', 3, get_user_id(), get_session_num(), 2]);               
    }catch(e){
        _gaq.push(['b._trackEvent','error',e.message,'',0,true]);
    }finally{
        _gaq.push(['b._trackPageview']);
    }
},20);

--------------

▼全文

    var _gaq = _gaq || [];
    _gaq.push(['b._setAccount', 'UA-853235-5']);//使用するweb-property-IDを入力
    _gaq.push(['b._setDomainName', '4860.jp']);//ドメイン
    _gaq.push(['b._setAllowLinker', true]);
    _gaq.push(['b._addIgnoredRef', 'www.swallow.jp']); 
    _gaq.push(['b._addOrganic','nifty','q']);
    _gaq.push(['b._addOrganic','infoseek','qt']);
    _gaq.push(['b._addOrganic','livedoor-search.naver.jp','q']);
    _gaq.push(['b._addOrganic','naver.jp','q']);
    _gaq.push(['b._addOrganic','so-net','query']);
    _gaq.push(['b._addOrganic','fresheye','kw']);
    _gaq.push(['b._addOrganic','auone','q']);
    _gaq.push(['b._addOrganic','ocnsearch', 'MT']);
    _gaq.push(['b._addOrganic','search.ecnavi.jp','Keywords']);
    _gaq.push(['b._addOrganic','hi-ho', 'MT']);
    _gaq.push(['b._addOrganic','odn','search']);
    _gaq.push(['b._addOrganic','excite','search']);
    _gaq.push(['b._addOrganic','asahi','Keywords']);
    _gaq.push(['b._addOrganic','luna', 'q']);
    _gaq.push(['b._addOrganic','lunascape','p']);
    _gaq.push(['b._addOrganic','hatena', 'word']);
    _gaq.push(['b._addOrganic','mixi', 'keyword']);
    _gaq.push(['b._trackEvent',"dummy","dummy","",0,true]);//utma-Cookie作成・更新のため,直帰率には影響与えません
    //以下、eventTrack作成のタイミングをみるため、少し時間を起きます。20ms。なくても良いかもしれません。
    var fun = function(){
        //匿名ユーザー固有番号取得
        var get_user_id = function(){
            var utma = document.cookie.match(/__utma\=([^;] )/);
            if(!utma) return "not-get"
            if(!utma[1] || utma[1].split(".").length!=6) return "not-good"
            return utma[1].split(".")[1]
        }
        //セッション番号取得
        var get_session_num = function(){
            var utma = document.cookie.match(/__utma\=([^;] )/);
            if(!utma) return "not-get"
            if(!utma[1] || utma[1].split(".").length!=6) return "not-good"
            return utma[1].split(".")[5]
        }
        //現在時刻取得（yyyy/mm/dd hh:mm:ss）
        var get_time_now = function(){
            //utility関数:先頭ゼロ付加
            function padZero(num) {
                var result;
                if (num < 10) {
	            result = "0"   num;
                }else{
	            result = ""   num;
                }
                return result;
            }
            var now = new Date();
            return now.getFullYear()   "/"   padZero(now.getMonth()   1)   
	        "/"   padZero(now.getDate())   "_"   padZero(now.getHours())   ":"   
	        padZero(now.getMinutes())   ":"   padZero(now.getSeconds())
        }
        
        ▼ここから この箇所のみ記述が違います
        setTimeout(function(){
            try{
               if({{Cookie__utmv}}.indexOf("=Customer") == -1){
               _gaq.push(['b._trackEvent', 'PurchaseType', 'FirstPurchase']);}else{
               _gaq.push(['b._trackEvent', 'PurchaseType', 'RepeatPurchase']);
}
               _gaq.push(['b._setCustomVar', 1, get_user_id(), "Customer", 1]);
               _gaq.push(['b._setCustomVar', 2, get_user_id(), get_time_now()   "_"   get_session_num(), 3]);
                _gaq.push(['b._setCustomVar', 3, get_user_id(), get_session_num(), 2]);               
            }catch(e){
                _gaq.push(['b._trackEvent','error',e.message,'',0,true]);
            }finally{
                _gaq.push(['b._trackPageview']);
            }
        },20);
        ▲ここまで この箇所のみ記述が違います
    }
    _gaq.push(fun);    

(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www')   '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

Answer

ECマスターズの伊藤です。

いただいたご質問ですが担当より明日以降
ご回答させていただきます。

恐れ入りますが、ご回答まで今しばらくお待ちくださいますよう
お願いいたします。

Answer

ECマスターズの田中です。

Googleの管理画面上での設定が難しいため、
原則として、１行ずつ、旧式の書き方を
gtag.jsでの書き方にご変更いただく形になります。


■カスタムディメンションへの値記録（_gaq.push(['b._setCustomVar' の場合）
こちらの項目のみ、各番号に変数名を割り振る初期設定が必要となります。
try{
の直後にソースを追記願います。

= この下の行から ====================
gtag('config', 'UA-853235-5', {
  'custom_map': {
    'dimension1': 'IsCustomer',
    'dimension2': 'TimeSessionNo',
    'dimension3': 'SessionNo',
    'dimension4': 'IsTeamRegister',
    'dimension5': 'IsMember',
  }
});
= この上の行まで ====================

続きまして、b._setCustomVar が含まれる行を、下記のように差し替える形になります。

_gaq.push(['b._setCustomVar', ディメンションのインデックス, 'ディメンション名', '値', 範囲]);
↓
gtag('event', 'custom_event', { ディメンションのインデックスに対応した名前: 値 })
※ディメンションのインデックスに対応した名前は、上記custom_mapにて各番号に割り振られた名前をご利用下さい。

例１）
_gaq.push(['b._setCustomVar', 4, "IsTeamRegister", "true", 1]);
↓
gtag('event', 'custom_event', { "IsTeamRegister": "true" });

例２）
_gaq.push(['b._setCustomVar', 1, get_user_id(), "Customer", 1]);
↓
gtag('event', 'custom_event', { "IsCustomer": "Customer" });


■イベントトラッキング（_gaq.push(['b._trackEvent' の場合）
_gaq.push(['b._trackEvent','イベント名',値,'',0,true]);
↓
gtag('event', 'イベント名', 値);

例）
_gaq.push(['b._trackEvent','error',e.message,'',0,true]);
↓
gtag('event', 'error', e.message);


■ページビュー（_gaq.push(['b._trackPageview' の場合）
_gaq.push(['b._trackPageview','ページのパス']);
↓
gtag('event', 'page_view', {'page_path':'ページのパス'});

例）
_gaq.push(['b._trackPageview','/user_regist/confirm']);
↓
gtag('event', 'page_view', {'page_path':'/user_regist/confirm'});


なお、各種関連資料を確認して作成したソースにつき、実際の動作確認が取れておりませんので、
万が一、実際にご設定いただいた上で、取得した値に問題がございましたらお知らせ願います。

Answer

ECマスターズ 田中 様。
お世話になります。

書き方をご教示頂き、ありがとうございます。

頂いた内容は、トラッキングコードに直接追加ではなく、
タグマネージャーのカスタムHTMLの内容を修正で合っていますでしょうか。

また、下記の内容の「dimension」の値をカスタムディメンションに登録で合っていますでしょうか。
= この下の行から ====================
gtag('config', 'UA-853235-5', {
'custom_map': {
'dimension1': 'IsCustomer',
'dimension2': 'TimeSessionNo',
'dimension3': 'SessionNo',
'dimension4': 'IsTeamRegister',
'dimension5': 'IsMember',
}
});
= この上の行まで ====================

今回の設定は、「▼全文」のどの範囲を残せばいいでしょうか。
ご教示お願いします。

var _gaq = _gaq || [];
_gaq.push(['b._setAccount', 'UA-853235-5']);//使用するweb-property-IDを入力
・
・
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

Answer

ECマスターズの田中です。

私よりご案内差し上げた変更内容は、
実際の店舗のページ内に記載されていると想定して
ご案内差し上げたのですが、
いただいたタグ、(1)〜(6)の書き方、および全文につきましては、
タグマネージャーのカスタムHTMLとして
記載されておりますでしょうか。
あるいは、店舗のページ内に記載されておりますでしょうか。

また、各箇所において、
(1)〜(6)の書き方が単独で記載されているのではなく、
基本的に全文が記載されており、
「この箇所のみ記述が違います」の部分が(1)〜(6)の書き方で分かれている、
という状態でしょうか。

以上、ご確認のほどよろしくお願いいたします。

Answer

ECマスターズ 田中 様。
お世話になります。

> いただいたタグ、(1)〜(6)の書き方、および全文につきましては、
> タグマネージャーのカスタムHTMLとして
> 記載されておりますでしょうか。
> あるいは、店舗のページ内に記載されておりますでしょうか。

(1)〜(6)の書き方、全文の内容はタグマネージャーのカスタムHTMLにあります。

> また、各箇所において、
> (1)〜(6)の書き方が単独で記載されているのではなく、
> 基本的に全文が記載されており、
> 「この箇所のみ記述が違います」の部分が(1)〜(6)の書き方で分かれている、
> という状態でしょうか。

上記の認識で間違いありません。

以上、よろしくお願いします。

Answer

ECマスターズの田中です。

（ソースに１行修正がございましたので、再投稿させていただきました。）

ご確認いただきありがとうございます。
そうなりますと、gtag.jsの書式に合わせるとすれば、
いただいたソースが記載されている各カスタムHTMLにて、

var _gaq = _gaq || [];
から
_gaq.push(['b._trackEvent',"dummy","dummy","",0,true]);//utma-Cookie作成・更新のため,直帰率には影響与えません
までの部分は

= この下の行から ====================
gtag("config", "UA-853235-5", {
"custom_map": {
"dimension1": "IsCustomer",
"dimension2": "TimeSessionNo",
"dimension3": "SessionNo",
"dimension4": "IsTeamRegister",
"dimension5": "IsMember",
}
});
gtag("event","dummy", {"event_category": "dummy"});
= この上の行まで ====================

上記のソースに差し替えていただき、

_gaq.push(fun);
から
})();
までの部分は

fun();

上記１行に差し替えていただきますようお願いします。

つまり、下記のような構造になります。

= この下の行から ====================

gtag("config", "UA-853235-5", {
"custom_map": {
"dimension1": "IsCustomer",
"dimension2": "TimeSessionNo",
"dimension3": "SessionNo",
"dimension4": "IsTeamRegister",
"dimension5": "IsMember",
}
});
gtag("event","dummy", {"event_category": "dummy"});
var fun = function(){
（中略）
}
fun();

= この上の行まで ====================

あとは「この箇所のみ記述が違います」の箇所を
先にご案内さしあげたとおり、１行ずつ差し替えていただきますようお願いします。

> 頂いた内容は、トラッキングコードに直接追加ではなく、
> タグマネージャーのカスタムHTMLの内容を修正で合っていますでしょうか。

はい、書いてある箇所、カスタムHTMLにて修正をお願いします。

> また、下記の内容の「dimension」の値をカスタムディメンションに登録で合っていますでしょうか。

こちらは、あくまでJavaScript内で使う名前の設定となりますので、
Google アナリティクスの管理画面にて、カスタムディメンションの名前として
ご登録いただく必要はございません。
名前に該当する番号のカスタムディメンションに記録されていく形になります。

Answer

ECマスターズ 田中 様。
お世話になります。

書き方のご教示ありがとうございます。

すみません、もう一つ質問です。

必要な記述の中で、中略とありましたが、
var fun = function(){
（中略）
}
「▼全文」の「//匿名ユーザー固有番号取得」から「▼ここから この箇所のみ記述が違います」の
記述は必要になりますでしょうか。

すみませんが、ご教示お願いします。

Answer

ECマスターズの田中です。

> 「▼全文」の「//匿名ユーザー固有番号取得」から「▼ここから この箇所のみ記述が違います」の
> 記述は必要になりますでしょうか。

はい、必要になります。

フォーラムの仕様により、
貼り付けていただいたソースから「+」の文字が消えておりますので、
カスタムHTMLに元から記載されている内容をそのまま残す形で
ご利用いただきますようお願いします。

Answer

ECマスターズ 田中 様。
お世話になります。

カスタムディメンションに追加する下記、
する内容について詳細にご教示いただけますでしょうか。

"dimension1": "IsCustomer", ＝ ユーザー
"dimension2": "TimeSessionNo", ＝訪問時間
"dimension3": "SessionNo", ＝ 訪問数
"dimension4": "IsTeamRegister", ＝チーム登録
"dimension5": "IsMember", ＝会員

すみませんが、よろしくお願いします。

Answer

ECマスターズの田中です。

追加する内容、というのは、
１行ずつ差し替えていく内容がわからない、
ということでよろしいでしょうか。

それでは、改めて仕組みのご確認をお願いします。
https://developers.google.com/analytics/devguides/collection/gtagjs/custom-dims-mets?hl=ja
上記ページ、「カスタム ディメンションの設定と送信」を
ご参照ください。

２つ目に書かれたソースにて、
２番目のカスタムディメンションを「age」と名付けて、
「age」に対して値「55」を設定することで、
２番目のカスタムディメンションに値「55」を送信しております。

このように、"custom_map":{ から } までのソースにて
各カスタムディメンションに名前を付けて、
その名前に対して値を送信する、という仕組みになっております。
この時、各カスタムディメンションに名付ける名前は、
Googleアナリティクスの管理画面上で設定した名前とは無関係に設定できます。

たとえば、(1)の書き方にて最初に出てくる古い書き方の
_gaq.push(['b._setCustomVar', 4, "IsTeamRegister", "true", 1]);
では、
４番目のカスタムディメンションに「true」という値を設定しています。
今回、"custom_map":{ から } までのソースでは
４番目のカスタムディメンションに「IsTeamRegister」と名付けているので、
「IsTeamRegister」に対して「true」という値を設定する形になります。
そのため、上記書き方を新しい書き方に変換すると
gtag('event', 'custom_event', { "IsTeamRegister": "true" });
になる、という流れになります。
※custom_eventの部分は、上記ページのソースで「any_event_name」と記載されておりますので、
　わかりやすい名前として記載しております。

ご質問の意図と異なるようでしたら、お手数ですが改めてご返信いただきますようお願いします。

Answer

ECマスターズ 田中 様。
お世話になります。

こちらの質問でしたが、解決致しました。
また、書き方も不安な点があった為、助かります。

早速、ページを修正しました。

            try{
               _gaq.push(['b._setCustomVar', 4, "IsTeamRegister", "true", 1]);
               _gaq.push(['b._setCustomVar', 2, get_user_id(), get_time_now() + "_" + get_session_num(), 3]);
                _gaq.push(['b._setCustomVar', 3, get_user_id(), get_session_num(), 2]);               
            }catch(e){
                _gaq.push(['b._trackEvent','error',e.message,'',0,true]);
            }finally{
                _gaq.push(['b._trackPageview','/team_regist/complete']);
            }
        },20);

上記の内容を下記の内容に修正致しました。

  try{
  gtag('event', 'custom_event', { "IsTeamRegister": "true" }); //チームページ登録
  gtag('event', 'custom_event', { "TimeSessionNo" : "_" }); //訪問時間
  gtag('event', 'custom_event', { "SessionNo" });
   }catch(e){
  gtag('event', 'error', e.message);
   }finally{
  gtag('event', 'page_view', {'page_path':'/user_regist/complete'} );
   }

下記の2行の書き方をどのようにすればいいでしょうか。
   _gaq.push(['b._setCustomVar', 2, get_user_id(), get_time_now() + "_" + get_session_num(), 3]);
  _gaq.push(['b._setCustomVar', 3, get_user_id(), get_session_num(), 2]);  

すみませんが、確認お願いします。

Answer

ECマスターズの田中です。

> 下記の2行の書き方をどのようにすればいいでしょうか。

pushメソッドの4番目の引数が、
そのまま記録されるようにご記載ください。

gtag('event', 'custom_event', { "TimeSessionNo" : get_time_now() + "_" + get_session_num() });
gtag('event', 'custom_event', { "SessionNo" : get_session_num() });

Answer

ECマスターズ 田中 様。
お世話になります。

ご連絡、ありがとうございます。
早速修正致しました。

下記の通りに修正致しました。
不足な点はありますでしょうか。

gtag("config", "UA-853235-5", {
  "custom_map": {
  "dimension3": "IsCustomer", //未購入・既購入
  "dimension5": "TimeSessionNo", //訪問時間
  "dimension4": "SessionNo", //訪問回数
  "dimension7": "IsTeamRegister", //チームページ登録
  "dimension6": "IsMember", //会員・非会員
  }
});
  
  try{
  gtag('event', 'custom_event', { "IsTeamRegister": "true" });
  gtag('event', 'custom_event', { "TimeSessionNo" : get_time_now() + "_" + get_session_num() });
  gtag('event', 'custom_event', { "SessionNo" : get_session_num() });
   }catch(e){
  gtag('event', 'error', e.message);
   }finally{
  gtag('event', 'page_view', {'page_path':'/user_regist/complete'} );
   }
  
var fun = function(){
        //匿名ユーザー固有番号取得
         var get_user_id = function(){
            var utma = document.cookie.match(/__utma\=([^;]+)/);
            if(!utma) return "not-get"
            if(!utma[1] || utma[1].split(".").length!=6) return "not-good"
            return utma[1].split(".")[1]
        }
        //セッション番号取得
        var get_session_num = function(){
            var utma = document.cookie.match(/__utma\=([^;]+)/);
            if(!utma) return "not-get"
            if(!utma[1] || utma[1].split(".").length!=6) return "not-good"
            return utma[1].split(".")[5]
        }
        //現在時刻取得（yyyy/mm/dd hh:mm:ss）
        var get_time_now = function(){
            //utility関数:先頭ゼロ付加
            function padZero(num) {
                var result;
                if (num < 10) {
	            result = "0" + num;
                }else{
	            result = "" + num;
                }
                return result;
            }
            var now = new Date();
            return now.getFullYear() + "/" + padZero(now.getMonth() + 1) + 
	        "/" + padZero(now.getDate()) + "_" + padZero(now.getHours()) + ":" + 
	        padZero(now.getMinutes()) + ":" + padZero(now.getSeconds())
        }
} 
fun();

Answer

ECマスターズの田中です。

いただいたソースにて、
概ね私よりご案内差し上げたとおりとなっておりますが、
custom_map内のdimensonの数字は、
実際にアナリティクスの管理画面で設定した番号と
合わせていただいている、ということでよろしいでしょうか。
意図して合わせていただいていれば、問題ございません。

Answer

ECマスターズ 田中 様。
お世話になります。

質問内容「▼⑥の書き方」にある3行の内容は、
どのように書き換えればいいでしょうか。

try{
if({{Cookie__utmv}}.indexOf("=Customer") == -1){
_gaq.push(['b._trackEvent', 'PurchaseType', 'FirstPurchase']);}else{
_gaq.push(['b._trackEvent', 'PurchaseType', 'RepeatPurchase']);
}

すみませんが、確認お願いします。

Answer

ECマスターズの田中です。

いただいた箇所も
_gaq.push(['b._trackEvent' 
から始まる記述になりますので、
下記のようにご変更をお願いします。

try{
if({{Cookie__utmv}}.indexOf("=Customer") == -1){
gtag('event', 'PurchaseType', 'FirstPurchase');
} else{
gtag('event', 'PurchaseType', 'RepeatPurchase');
}

タグマネジャー Googleアナリティクス タグ 追加方法

タグマネジャー Googleアナリティクスタグ追加方法