Chapter 10

9. Google Analyticsの追加

Masumi Morishige(umi-mori)
Masumi Morishige(umi-mori)
2021.01.02に更新

はじめに

最後に、ウェブサイトを運用していく上で、どれだけPV(Page View)が増えているかをトラッキングすることは重要となります。そのため、最後のチャプターではGoogle Analyticsの導入方法を紹介します。

https://www.seohacks.net/blog/976/

Google Analyticsとは

Google Analyticsとは、Googleの「アクセス解析ツール」です。
どれくらいの人がウェブサイトを閲覧したか?どれくらいの人は再びウェブサイトへ戻ってきたか?どのページがよく見られているか?などを解析することができます。

https://wacul-ai.com/blog/access-analysis/google-analytics-method/what-is-google-analytics/

Google Analyticsの導入方法

以下の3ステップで導入することができます。

  1. アカウント登録
  2. グローバルサイトタグの取得
  3. グローバルサイトタグの埋め込み

1. アカウント登録

まずGoogleのアカウントの登録もしくはログインをします。
その後、以下のサイトへアクセスし、Google Analyticsのアカウント登録を行います。
このとき、「プロパティの作成」も併せて行います。

https://analytics.google.com/analytics/web/

2. グローバルサイトタグの取得

アカウント登録とプロパティが登録できたら、以下のような流れでグローバルサイトタグを取得していきます。

gtag_1.png

gtag_2.png

gtag_3.png

gtag_4.png

3. グローバルサイトタグの埋め込み

最後に、コピーしたグローバルサイトタグをindex.htmlhead内にコピーしましょう。

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

しばらく運用した後に以下のようにアナリティクスが表示されれば、グローバルサイトタグの埋め込みに成功です!

sample_pv.png