Google Analyticsの登録＆設置方法。サイトのアクセスを解析してみよう！

2016/01/28 2019/04/19

Pocket

こんにちは、okutaniです。『Google Analytics』を利用すると、自分のWebサイトの詳しいアクセス解析をおこなうことができて便利です。

サイト運営者はWebサイトのアクセス解析をおこなうことはほぼ必須といってもいいぐらいなので、この機会にぜひ登録しておきましょう。

なお、Google Analyticsの利用にGoogleアカウントが必要なので、下記からあらかじめ取得しておいてください。

LINKGoogle アカウントの作成

ではさっそく、GoogleAnalyticsの登録手順を解説していきます。

[追記:2019/04/05]トラッキングコードの貼り付け方法が若干変更されていたので対応しました。

1 Google Analyticsに登録する
2 トラッキングID・トラッキングコードの取得方法
3 連携できたか確認してみる
4 おまけ: スマホでGoogle Analyticsのデータを確認してみる

Google Analyticsに登録する

まずはGoogle Analyticsの公式サイトへアクセス。

LINKGoogle アナリティクス公式サイト – ウェブ解析とレポート機能 – Google アナリティクス

『ログイン』をクリック。

Googleアカウントでログインします。

次の画面の『お申し込み』をクリック。

サイトの情報を入力していきます。『アカウント名』『ウェブサイト名』『ウェブサイトのURL』『業種』をそれぞれ入力。

続けて『タイムゾーン』『データ共有設定』をおこないます。データ共有設定は、他のGoogleのツールとデータを連携して使うかどうかを設定することができます。今回はすべてチェックしたまま進めています。

『トラッキングIDを取得』をクリックして次に進みます。

言語を日本語に変え、利用規約を一読して『同意する』をクリック。

これでGoogle Analyticsが使えるようになりました。次のように管理画面へログインされます。

トラッキングID・トラッキングコードの取得方法

現在の場所は、「アナリティクス設定」画面の「トラッキング情報」→「トラッキングコード」にいるということが分かります。

この画面にある『トラッキングID』もしくは『トラッキングコード』を利用することで、サイトのアクセス解析ができるようになります。

・トラッキングID

・トラッキングコード

通常のサイトでは「トラッキングコード」を、WordPressで利用する場合はトラッキングIDを利用します。

それぞれの使い方を解説します。

通常のサイトで利用する場合（WordPress以外）

サイトで利用するには、トラッキングコードをHTMLソースコード内の「<head>の直後」に丸々貼り付けます。

以前は</body>の直前に貼り付けるよう説明がありましたが、最新版のGoogle Analyticsでは非同期通信をおこなうため、<head>の直後に設置するようになっています。

以下は貼り付けの一例です。

<head>
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-xxxxxxxx-xx"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'UA-xxxxxxxx-xx');
  </script>
  ...省略...
</head>

これでGoogle Analyticsが利用できますね。複数のファイルがある場合はすべてのhead内で貼り付ける必要があるので注意しましょう。