タグマネージャーアナリティクスタグ書き方

Question

お世話になります。

現在、弊社で使用しているGoogleアナリティクスのタグが、
「非同期ga.js」と「analytics.js」の2種類使用しています。

2種類のタグから「gtag.js」に設定を変更を検討しております。

タグマネージャーには、非同期ga.jsで使用している記述がありました。
書き方が理解しきれていないのですが、
どのように「gtag.js」の記述にすればいいでしょうか。

▼▼タグマネージャーの記述（一部タグ設定）▼▼

//以下、GA実行部分
//グローバル変数を、_gaq,_gatのみに
//utma-cookieの生成を優先するために、dummyのevent(直帰率に影響なし)を発行後、pageviewを発行
//error時には、errorイベントを発行
//カスタム変数1には、ユーザースコープでUserユーザー別(匿名)をキー、未購入者/既購入者を値
//既購入者には、サンユーページで Cookie、IsCustomerにYesを格納して判別
//カスタム変数2には、ページスコープでユーザー別(匿名)をキー、時刻・訪問回数を値
//カスタム変数3には、セッションスコープでユーザー別(匿名)をキー、訪問回数を値
    var _gaq = _gaq || [];
    _gaq.push(['b._setAccount', 'UA-●●●●●●-●']);//使用するweb-property-IDを入力
    _gaq.push(['b._setDomainName', '●●●●.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._addOrganic','search.smt.docomo.ne.jp', 'search_box']);
    _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())
        }

//__utmv Cookieをマクロから変数に取り込み。
if ({{Cookie__utmv}} != undefined){
       var cookie_v = {{Cookie__utmv}};
     }else{
           cookie_v= "none";
     }

        setTimeout(function(){
            try{
               if(cookie_v.indexOf("IsMember=Member") == -1) _gaq.push(['b._setCustomVar', 5, "IsMember", "Non_Member", 1]);
               if(cookie_v.indexOf("=Customer") == -1) _gaq.push(['b._setCustomVar', 1, get_user_id(), "Non_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マスターズの伊藤です。


> タグマネージャーには、非同期ga.jsで使用している記述がありました。
> 書き方が理解しきれていないのですが、
> どのように「gtag.js」の記述にすればいいでしょうか。

_gaq.push
で始まる記述部分ですが、
こちらはすべて必要な記述となりますでしょうか。

それ以外の部分につきましては、
引き続きお調べいたしますので、
ご回答まで、今しばらくお待ちくださいませ。

Answer

ECマスターズ 伊藤様。
お世話になります。

_gaq.push
の記述ですが、非同期ga.jsで記述している記事を確認したのですが、
こちらは、gtag.jsでも記述方法があるのでしょうか。

正直なところ、gtag.jsで必要なのかが分からない所です。

無くても問題ないか、ご意見をいただけると幸いです。
以上、よろしくお願い致します。

Answer

ECマスターズの田中です。

いただいたソースを確認したところ、
おそらく御社独自で実装されているであろうポイントが、
下記２点になるかと思います。

■1. _gaq.push で始まる部分（伊東よりお伝えした箇所）

この部分の大半を占める「addOrganic」が含まれる行ですが、
https://webtan.impress.co.jp/e/2010/09/02/8710
上記のとおり、外部検索エンジンからの検索を、
検索エンジンからのアクセスとして正しく取得するための設定であり、

現在は「オーガニック検索ソース」設定画面で
ご登録いただくことができるようになっております。
https://index-lab.jp/tools/0707083223/ga-setting-002/

「addIgnoredRef」も「参照元除外リスト」でご設定いただく、など、
可能な限り、管理画面にてご設定いただきますようお願いします。

■2. カスタム変数1〜3に値を設定

それぞれ、未購入者/既購入者、時刻・訪問回数、訪問回数が
値として設定されているようです。

現在のGoogle アナリティクスでは
https://www.moyashi-koubou.com/blog/gtagjs_custom_dimension/
上記ページにございます通り、
予め「カスタム ディメンション」を設定にて登録しておく必要がございますが、
こちらは登録されておりますでしょうか。

今後記録する必要があるか（業務上確認を行うか）どうかも含めてご検討の上、
必要に応じて管理画面にてご登録をお願いします。

以上２点がクリアになり次第、
gtag.jsの実装を行っていただきますようお願いします。

Answer

ECマスターズ 田中様。
お世話になります。

>■1. _gaq.push で始まる部分（伊東よりお伝えした箇所）

上記に関して、Google Analytics上で設定できました。

> ■2. カスタム変数1〜3に値を設定

こちらの設定ですが、下記の設定をどのように設定すればいいでしょうか。
添付画像（カスタムディメンション.jpg）

> それぞれ、未購入者/既購入者、時刻・訪問回数、訪問回数が
> 値として設定されているようです。

その後の設定は、どのように設定すればいいでしょうか。

また、タグマネージャーに記述がある文章は削除して問題ないでしょうか。

すみませんが、よろしくお願いします。###HR######IMG06572febc5c954ec98a352a89989f30a9.jpegIMG0###

Answer

ECマスターズ 田中様。
お世話になります。

＞ ■1. _gaq.push で始まる部分（伊東よりお伝えした箇所）

頂いたサイトの内容どおりに設定ができました。

＞ ■2. カスタム変数1〜3に値を設定

＞ それぞれ、未購入者/既購入者、時刻・訪問回数、訪問回数が
＞ 値として設定されているようです。

カスタムディメンションで設定するにあたり、
「範囲」はそれぞれどのように設定をすればよろしいでしょうか。

すみませんが、よろしくお願い致します。###HR######IMG02b80ebc11f2e580e86155df5348834cd.jpegIMG0###

Answer

ECマスターズの伊藤です。

> カスタムディメンションで設定するにあたり、
> 「範囲」はそれぞれどのように設定をすればよろしいでしょうか。

ページビュー毎にカウントされる
「ヒット」を設定されるのが一般的です。

その他、範囲の詳細は下記の通りとなっております。

商品 – 値は、設定されている商品（拡張 e コマースのみ）に適用されます。
ヒット - 値が設定された 1 つのヒットにのみ値が適用されます。
セッション - 1 回のセッションのすべてのヒットに値が適用されます。
ユーザー - 現在と将来のセッションのすべてのヒットに値が適用されます（値が変わるか、カスタム ディメンションがアクティブでなくなるまで適用されます）。

参考URL
https://support.google.com/analytics/answer/2709828#example

ご不明な場合は、どの用な範囲設定をされたいか、
詳細をご連絡ください。

Answer

ECマスターズ 伊藤様。
お世話になります。

カスタムディメンションの範囲についてありがとうございます。

カスタムディメンションを設定するにあたり、
それぞれ、下記のように設定しました。

①「未購入/既購入」は購入の状態なので範囲は「ユーザー」
②「訪問回数」はサイトに来た回数なので範囲は「セッション」
②「訪問時間」は訪問開始時間を想定しているのですが、範囲は「ヒット」


カスタムディメンションを設定後、
「このディメンションのサンプル コード」が表示されたのですが、
このコードはタグマネージャーでどのように使用すればよろしいでしょうか。

すみませんが、よろしくお願い致します。###HR######IMG0cb217f7b581d29d462e32b9eb123b4ac.jpegIMG0###

Answer

ECマスターズの伊藤です。

> カスタムディメンションを設定後、
> 「このディメンションのサンプル コード」が表示されたのですが、
> このコードはタグマネージャーでどのように使用すればよろしいでしょうか。

ページに埋め込んでいただいているタグに
追加いただくようになります。

下記ページにて、詳しく説明されておりますので、
ご参照くださいませ。

GAに用意されていない独自の軸で分析できる「カスタムディメンション」を設定する方法［第54回］
https://webtan.impress.co.jp/e/2017/09/21/26869
==
設定2 カスタムディメンションを計測するトラッキングコードの記述例
==
にて解説されています。

Answer

ECマスターズ 伊藤様。
お世話になります。

記述方法について、参考のページにてできそうです。

記述箇所のタグですが、
タグマネージャーを読み込んでいるタグに対して入れる認識であっていますでしょうか。

参考ページでもタグに追加していますが、
タグマネージャー内（カスタムHTML）での記述は不要と認識であっていますか。

すみませんが、よろしくお願い致します。

Answer

ECマスターズの田中です。

> 記述箇所のタグですが、
> タグマネージャーを読み込んでいるタグに対して入れる認識であっていますでしょうか。
> 参考ページでもタグに追加していますが、
> タグマネージャー内（カスタムHTML）での記述は不要と認識であっていますか。

はい、カスタムHTMLでの記述は不要で、
タグマネージャーを読み込むタグに対して入れていただきますようお願いします。

その際、先のページの
「設定2 カスタムディメンションを計測するトラッキングコードの記述例」
にも記載がございますとおり、
dimensionValueの部分、つまり各カスタムディメンションに入れる値が
自動で記載されるようにご設定いただく必要がございます。

最初にいただいたソースですと、

if(cookie_v.indexOf("IsMember=Member") == -1) _gaq.push(['b._setCustomVar', 5, "IsMember", "Non_Member", 1]);
if(cookie_v.indexOf("=Customer") == -1) _gaq.push(['b._setCustomVar', 1, get_user_id(), "Non_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]);

上記４行にてカスタムディメンションの値を記入している形になります。

なお、今回上記部分を見返したところ、
会員/非会員を記録する、４番目のカスタムディメンションが
存在していることがわかりました。
確認が漏れており、失礼いたしました。

改めて、会員/非会員も含めた
４つのカスタムディメンションの記録が
業務上必要であるかを見直していただいた上で、

必要である場合は、
新しいタグマネージャーの読み込み用タグにおきましても
目的の値が記録されるよう、
御社サイトで利用されているカートシステムにて
ご設定いただきますようお願いいたします。

Answer

ECマスターズ 田中様。
お世話になります。

4つ目のカスタムディメンションの件、承知いたしました。
範囲は「ユーザー」に設定致しました。

dimensionValueの部分の書き方ですが、
設定2の「イベントトラッキング本体のフルの記述形式」の例ですと
「プレミアム会員」のみの設定ですが、
ga('set', 'dimension1', '無料会員',);
ga('set', 'dimension1', 'プレミアム会員',);
ga('set', 'dimension1', '有料会員',);
と連続して合計4つのカスタムディメンションを記述していくであっていますでしょうか。

すみませんが、確認お願いします。

Answer

ECマスターズの田中です。

> dimensionValueの部分の書き方ですが、
> 設定2の「イベントトラッキング本体のフルの記述形式」の例ですと
> 「プレミアム会員」のみの設定ですが、
> ga('set', 'dimension1', '無料会員',);
> ga('set', 'dimension1', 'プレミアム会員',);
> ga('set', 'dimension1', '有料会員',);
> と連続して合計4つのカスタムディメンションを記述していくであっていますでしょうか。

連続して合計4つのカスタムディメンション分のga()を記載していく、
というのはあっております。

「未購入/既購入」「訪問回数」「訪問時間」「会員/非会員」
以上４つのディメンションにそれぞれ値が設定される形になりますので、
お客様がページを閲覧された際に、
「イベントトラッキング本体のフルの記述形式」の例の赤文字部分に、たとえば

ga('set', 'dimension1', '未購入/既購入');
ga('set', 'dimension2', '訪問回数');
ga('set', 'dimension3', '訪問時間');
ga('set', 'dimension4', '会員/非会員');

という記述がされるようにしていただく形になります。

dimension1〜4と各値の対応は、実際の設定に併せて入れ替えをお願いします。
また、再度のご案内になりますが、
値として実際の購入状況、会員状態などが入るよう、
ご利用中のカートシステムにてご設定いただきますようお願いします。

Answer

ECマスターズ 田中様。
お世話になります。

書き方について、ありがとうございました。
中身の値について、カートシステムを確認して設定を致します。

トラッキングコード設定後ですが、他に設定する箇所はありますでしょうか。

また、タグマネージャー内のカスタムHTMLの記述は「一時停止」の対応で、
問題ないでしょうか。

すみませんが、確認お願いします。

Answer

ECマスターズの田中です。

> トラッキングコード設定後ですが、他に設定する箇所はありますでしょうか。

私より案内差し上げた内容を反映して
実際のページに埋め込んでいただくことで、
Googleアナリティクスへの記録は始まるはずですので、

まずはアクセス数、カスタムディメンションの記録が
行われていることをご確認の上、
記録したい内容が不足しているかどうかを併せてご確認いただき、
他の設定が必要かどうかをご判断願います。

> また、タグマネージャー内のカスタムHTMLの記述は「一時停止」の対応で、
> 問題ないでしょうか。

はい、一時停止の対応で問題ございません。

カスタムHTMLは、タグマネージャーを通じて
任意のHTMLタグをページ内に埋め込むために利用する機能ですので、
そのようなご要望がなければ、一時停止で結構です。

Answer

ECマスターズ 田中様。
お世話になります。

dimension1〜4の値について確認しています。
確認後、頂いた内容で、進めていきます。

ありがとうございました。

タグマネージャー アナリティクス タグ 書き方

タグマネージャーアナリティクスタグ書き方