• GoogleAnalyticsを導入する方法【コピペでできます】

    djangoでサイトを作ると、アクセス解析をしたい場合もありますよね。

    アクセス解析で一番有名なのはGoogle Analyticsです。そこで今回は、DjangoのテンプレートにGoogle Analyticsを導入する方法についてお伝えしていきます。

    GoogleAnalyticsの導入はコピペするだけです

    GoogleAnalyticsの導入は非常に簡単です。

    GoogleがAnalytics用のタグを用意してくれていますので、そのタグをhtmlファイルに張り付けるだけで設定は完了します。

    コピペするためのトラッキングIDを取得します

    まずはGoogleAnalyticsのトラッキングIDを取得しましょう。

    トラッキングIDは「Google analytics」と検索し、検索結果の画面から登録をしていけば取得することができます。

    base.htmlファイルにタグを埋め込みます

    次に、base.htmlファイルにタグを埋め込みます。

    base.html(ブロック)はhtmlファイルを上手に使いまわすための機能です。

    ブロックについて理解したい方は、ブロックを使ってhtmlを使いまわすという記事を参考にしてください。

    具体的に埋め込んだコードをみてみましょう。

    コード
    

    <html>

      <head>

        <title>ToDoリスト</title>

    <!-- Global site tag (gtag.js) - Google Analytics --><script async src="https://www.googletagmanager.com/gtag/js?id=UA-xxxxxxxx-1"></script>

    <script>

    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}gtag('js', new Date());

    gtag('config', 'UA-xxxxxxxxxx-1');

    </script>

      <body>

        <header>

          <div class='header'>

          {% block header %}

          {% endblock header %}

          </div>

        </header>

        <div class='main'>

          {% block content %}

          {% endblock content %}

        </div>

      </bocy>

    </html>

    headタグの中にanalyticsのコードを埋め込みました。

    これで設定は完了です。

    ~Django無料講義~のご案内

    Code for Djangoが、4時間超の無料Django講義をはじめました

    •  ・本を出版したCode for Djangoの
       製作者が作ったサイトです。
    •  ・Code for Djangoの内容も、
       動画で詳しく解説しています。
    •  ・動画は順次ふやしていきますので、
       ただで学び続けることが可能です。
    •  ・Djangoの効率的なスキルアップに、
       是非お役立て下さい。