GoogleAnalyticsを導入する方法【コピペでできます】 - code for Django

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'>

</div>

</header>

<div class='main'>

</div>

</bocy>

</html>

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

これで設定は完了です。

~Django無料講義~のご案内

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

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