Umamiを無料で導入してシンプルなインサイトを得る

サイト運営をするうえでGoogle Analytics導入は決まり切ったセットアップの一つになっていますが、一方で導入したあとちゃんと「解析」できているところは少ないと思います。Google Analyticsは第一義的にはプロ用途のものであり、必ずしも初心者にとって使いやすいわけではありません。とりあえず見て「ふーん」となる情報を見るのにも、細かい設定が必要だったりします。

というわけで、シンプル&プライバシー重視なUmamiというアクセス解析ツールを導入しました。Google Analyticsの代替としてPlausibleと並んで有名なツールで、クラウド版とセルフホスト版があります。今回はクラウド版の無料プランで試していますが、本格運用する場合はVPSでセルフホストするかpikapodsなどのマネージドサービスを利用するのが良さそうです。

ちなみにPlausibleも最初検討したのですが、クラウド版の無料プランがないことと、DBに高速処理が可能なClickHouseを採用しておりセルフホストする際の要求スペックが高くなることなどを踏まえてUmamiの方を試すことにしました。

Umamiの設定

Ghostへの導入

Ghostへの導入はUmami Cloudへの登録時に出るJavaScriptコードを<head>内に配置するだけでOKです。

自分を除外する

自分のアクセスをデータから除外する設定ですが、ブラウザのlocalStorageを使用する方法で面白いなと思いました。ブラウザごと、プロファイルごとにConsoleから設定する必要あります。

localStorage.setItem('umami.disabled', 1);

外部リンクを記録する

Umamiにもイベントトラッキング機能があります。細かいイベントを記録することもできますが、さしあたっては外部リンクを踏んだイベントをガイド通りに導入。

<script type="text/javascript">
  (() => {
    const name = 'outbound-link-click';
    document.querySelectorAll('a').forEach(a => {
      if (a.host !== window.location.host && !a.getAttribute('data-umami-event')) {
        a.setAttribute('data-umami-event', name);
        a.setAttribute('data-umami-event-url', a.href);
      }
    });
  })();
</script>

CloudflareのLocationヘッダーを有効化する

Cloudflareを使用している場合、Location headerを有効化することでより細かい地域情報が取れるようなので設定しておきました。

Umamiを見る

直感的で見やすい

Umamiのダッシュボードはユニークユーザーとview数の見分け方もシンプルで期間指定もわかりやすいです。

セッション単位の閲覧も可能

セッションごとの情報と見たページなどの行動履歴も直感的で見やすくなっている。

詳細な比較

期間比較もかなり充実している印象で、想像以上に細かい部分が見れる。

所感

Google Analyticsは初心者が初見で見たいデータを決して見ることはできないのに対して、Umamiはポチポチしていれば必要なデータが見れるのが良さそうです。APIを使用して定期的にレポートを送信する運用なども良さそうです。

PlausibleやUmamiが台頭してきているのは、Googleのアテンションエコノミーに対するカウンターの動きとしてみるべきで、EUでGoogle AnalyticsがGDPR違反となっているのも大きな契機になっています。Googleが果たす役割は依然として大きいですが、我々がGoogleに支払っているコストを認識しながらWeb運営をしていくことが大事であり、こういったGoogleオルタナティブを検証していくことは大事だなと思いました。