m's blog

備忘録とかメモとか

Googleアナリティクスがうまく動かなかったときのメモ

Googleアナリティクスがうまく動かなかったときのメモ

「Google アナリティクス」を使おうと思ったら、うまく動かなかったので、その時の対応をメモとして残したいと思います。

目次

はじめに

結論から言うと、Chrome 拡張機能「Google Analytics オプトアウト アドオン (by Google)」を有効にしたままだったのが原因 でした。

気づいてみれば、そらそうだという話なのですが、結構引っかかってしまいました(*´▽`*;)

また、やりそうなのでメモとして残しておきたいと思います。

また、今回の記事の内容では、「Google タグマネージャー」経由で「Google アナリティクス」を使用しています。

「Google タグマネージャー」を使用しない場合は、解説と多少内容が異なる場合があります。

問題 : Google アナリティクスにアクセスが反映されない。。。

「Google タグマネージャー」と「Google アナリティクス」で設定を行い、「Google タグマネージャー」で指定されたタグをコードに貼り付けました。

結果的に、ここでの設定自体は問題なかったので、具体的な設定は省略します。

設定は問題ないはずなのに、Google アナリティクスでリアルタイムレポート見ても反応がない。。。

対応 : HTML ソースを見てみる

「Chrome DevTools」で HTML コードを見てみると、レンダリング時に以下のコードが head 上に追加されていました。

<script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script>
<script type="text/javascript" async="" src="//tagmanager.google.com/debug"></script>
<script async="" src="https://www.googletagmanager.com/gtm.js?id=[GTM_CONTAINER_ID]"></script>
<script type="text/javascript">window["_gaUserPrefs"] = { ioo : function() { return true; } }</script>

[GTM_CONTAINER_ID] の部分は、元の ID から置き換えています。

script タグが4つ並んでいます。

なんとなく見る限り、上から3つは以下のような内容かなと思います。

  • Google アナリティクス用のコードの読み込み
  • Google タグマネージャーのデバッグ用コードの読み込み?
  • Google タグマネージャー用のコードの読み込み

原因 : 「Google Analytics オプトアウト アドオン」を有効にしたままだった

最後のスクリプトが怪しいと思い、_gaUserPrefs について調べてみたところ、Google アナリティクスのオプトアウト用拡張機能に関するものらしいです。

「あっ(´・ω・`)!そういえば、Google Analytics オプトアウト 用のアドオン 入れてた(笑)」

_gaUserPrefs に関するスクリプト部分だけを抜きだすと以下の通り。

window["_gaUserPrefs"] = { 
    ioo : function() { 
        return true;
    } 
}

_gaUserPrefs.iootrue を返すように設定されているとトラッキングが行われない ようです。

対処法 : 「Google Analytics オプトアウト アドオン」をオフ

「Google Analytics オプトアウト アドオン」の機能をオフ にしたところ、Google アナリティクスでアクセス情報が表示されるようになりました(笑)

ちなみに、使用していたアドオンは以下のアドオンです。

まとめ

結構、時間をとられてしまいました(*´▽`*;)

今後に備えて、反省点などを簡単にまとめておきます。

  • Google アナリティクスにアクセス情報が反映されないときは、DevTools で HTML ソース を見てみる
  • よくわからないものが出てたら、Google 先生に聞いてみる(今回の場合は、_gaUserPrefs
  • _gaUserPrefs でソース内検索してみる。あったら拡張機能が原因の可能性あり