MiddlemanでGoogle Analyticsを使う方法

middleman

MiddlemanでGoogle Analyticsを使うのは本当に簡単です。下のGemを使えばすぐにできます。

danielbayerlein/middleman-google-analytics

Google Analytics以外のアクセスツールの設置法を知りたい場合は、下をご覧ください。

Middlemanでアクセス解析ツールを使う方法

  1. 手順
    1. 1. Google AnalyticsでトラッキングIDを取得
    2. 2. Gemの追加
    3. 3. config.rbの修正
    4. 4. メインのレイアウトの修正
  2. まとめ

手順

1. Google AnalyticsでトラッキングIDを取得

Google Analyticsで新しいプロパティを作り、以下の赤で囲ったトラッキングIDをメモしてください。

トラッキングIDの取得

2. Gemの追加

以下をGemfileに追加し

1
gem 'middleman-google-analytics', '~> 2.0'

bundle installを実行します。

3. config.rbの修正

以下を追加します。ここで先ほど控えておいたトラッキングIDを使います。

1
2
3
activate :google_analytics do |ga|
  ga.tracking_id = 'UA-XXXXXXX-X'
end

4. メインのレイアウトの修正

メインのレイアウトに以下を追加します。if build?はbuild時のみに出力するようにするためです。

slimの場合

1
2
- if build?
  = google_analytics_universal_tag

erbの場合

1
2
3
<% if build? %>
  <%= google_analytics_universal_tag %>
<% end %>

まとめ

いかがでしたでしょうか。予想以上に簡単だったのではないでしょうか。Google AnalyticsでMddlemanでもアクセス数アップをめざしましょう。

なお、Google AnalyticsはGoogle Search Consoleと組み合わせて使うことで、より多くの訪問者の情報を集めることができます。Google Search ConsoleのMiddlemanでの設定方法も記事にしたので、ご興味があればご覧ください。

MiddlemanでGoogle Search Consoleを設定する方法