Help us understand the problem. What is going on with this article?

マストドンにGoogle Analyticsを導入する

More than 1 year has passed since last update.

はじめに

2017年4月現在、話題のマストドンですが、
中身がrubyやhamlなどで、私にはサッパリ分かりませんでした。

それでもインスタンス運営のために情報収集したいので、
Google Analyticsを導入してみました。

以下、その軌跡です。

(0) 前提

私は、こちらのガイドのとおりに作成しました。
とても感謝です。
http://jtwp470.hatenablog.jp/entry/2017/04/15/174036

(1) Google Analyticsに登録する

むずかしいことなく登録できます。
トラッキングコードをGETしましょう。
https://analytics.google.com/

(2) Javascriptを埋め込む

下記のように、中段あたりにjavascriptを埋め込みましょう。
YOUR TRACKING CODE HERE!!!を(1)でGETしたトラッキングコードに置換することを忘れずに。

~/mastodon/app/views/home/index.html.haml
- content_for :header_tags do
  %script#initial-state{:type => 'application/json'}!= json_escape(render(file: 'home/initial_state', formats: :json))

  = javascript_include_tag 'application', integrity: true, crossorigin: 'anonymous'

  :javascript
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
    ga('create', 'YOUR TRACKING CODE HERE!!!', 'auto');
    ga('send', 'pageview');

= react_component 'Mastodon', default_props, class: 'app-holder', prerender: false

(3) リビルドし再起動する

エラーが出たら(2)を見直してください。

docker-compose build
docker-compose up -d

(4) ダッシュボードを確認する

あとは、Google Analyticsのページで色々チェックするだけです。
https://analytics.google.com/analytics/web/

がんばれ、インスタンス管理者たち!
以上です。

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした