Hugo AcademicでGoogle Analytics導入

経緯

このサイトにもGoogleAnalyticを導入できたので、方法について簡単にまとめようと思います。

Googleアナリティクスとは?

Googleアナリティクスとは、Googleが提供するアクセス解析ツールです。

基本無料で使えるようで、アクセス解析ツールとしては最も有名なイメージがありますね(´・ω・`)

基本的には以下のようなことが解析できます。

  • サイトの訪問者はどれくらいか
  • 訪問者はどこからきたのか
  • 使われたデバイスについて

導入方法

  1. Googleアカウントを作成
  2. Googleアナリティクスアカウントを作成
  3. トラッキングコードを設置

academicでの導入

Google Analytics を有効にするには、各ページの head 要素の先頭に、トラッキングコード埋め込む必要がありますが、academicテーマの場合、config/_default/params.tomlに以下のよううにして、コードを埋め込むだけで実装できるみたいです。

[marketing]
  google_analytics = "UA-167451190-1"
  google_tag_manager = ""

UA-167451190-1の部分に自分のトラッキングコードを埋め込んでください。

まとめ

Googleアナリティクスの導入について解説しました。 たったこれだけで、実装できるなんて夢見たいですね。 今回は以上です。

Nakano
Nakano
Back-end engineer

AWS,Rails,UE4,vue.js,hugo,その他なんでもやりたい

関連項目