VScodeで開発しているDjangoアプリにGoogleアナリティクスを導入する

みなさん、こんにちどどどーん♪AOUNI(アオウニ)です。

WEBサイトを自分で作ったけど、何人訪れているか分からなくて・・・
今後は広告費用の掲載もしたいと思っているんだ・・

それならアクセス数が一目でわかるようになるGoogleアナリティクスを導入するのが良さそう。
今日は導入方法について解説してくよ♪

Googleアナリティクスを導入

Googleアナリティクスとは?

Googleが無料で提供するWebページのアクセス解析サービスです。

具体的には、WEBサイトに何人訪れているか、どのような媒体からサイトを開いたか、何秒ページを開いているかというように

多角的な視点で分析ができることが特徴です。

分析した結果、サイトの修正や改善につなげることができます。

もちろん、自身で開発したサイトにも、Googleアナリティクスを導入することができます。

googleタグをテンプレートに記載

アクセスを解析したいページのtemplateの<head>内に、埋め込みコードを記入

{% load static %}



<html lang="{{ LANGUAGE_CODE|default:'ja' }}">


<head> #ここからコピー
    {% if GOOGLE_ANALYTICS_TRACKING_ID %}
    {% include 'app名/medilist.html' %}
    {% endif %}

   <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=Gから始まる自身のトラッキングID"></script>
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'Gから始まる自身のトラッキングID');
    </script>
</head>

この埋め込みコードは人によって異なるので、コードの取得方法を解説します!

Googleアナリティクスのマイページ、左下の「設定ボタン」クリック→「データストリーム」クリック

データストリームをクリックすると、IDが表記されたページが出てきます。
Gから始まる文字列が「トラッキングID」と呼ばれるものになってきます。[

下にスクロールすると出てくる、タグの実装手順を表示するをクリック

手動でインストールするをクリック

タグが記載されております!これをコピーすればOKです。

タグが記載できたら次のステップです。

context_processorsを新たに作成してコードを記入

入れる場所はsetting.pyと同じフォルダでOKです。

下記コードをコピーします。

# project/app/context_processors.py

from django.conf import settings


def google_analytics(request):
    """
    DEBUGがFalseの時にsettings.pyに設定したトラッキングIDを取得
    """
    ga_tracking_id = getattr(settings, 'GOOGLE_ANALYTICS_TRACKING_ID', False)
    """
    テンプレートタグで'GOOGLE_ANALYTICS_TRACKING_ID'という変数を
    使えるようにする
    """
    if not settings.DEBUG and ga_tracking_id:
        return {
            'GOOGLE_ANALYTICS_TRACKING_ID': ga_tracking_id,
        }
    return {}

ここはコピペでOK

setting.pyにコードを追記

TEMPLATESに一番下の1行を追加

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
                'myhome.context_processors.google_analytics', ←追加
            ],
        },
    },
]

トラッキングIDを入力する1行も追加し、Gから始まるものに書き換える。

GOOGLE_ANALYTICS_TRACKING_ID = 'Gから始まる自身のトラッキングID'

これでOKです!

一日経過したらアクセス数が出ていると思いますので、チェックしてみてください。

注意点としては、

トラッキングコードは全部のページに入れる

ことを忘れずに!!

以上、読んでくれてありがとうでした♪