ブログ
·6 min readプライバシー舞台裏アナリティクス

Planif.ai が Cookie なしでサイトを計測する方法

Cookie バナーをやめた理由、それでも計測していること(ページビュー、App Store のクリック、お問い合わせ)、そして Shipabase を使ったコードを紹介します。

By Planif.ai Team

カレンダーはあなたの生活について多くのことを知っています。だからこそ Planif.ai のサイトを作るとき、シンプルなルールを決めました。カレンダーを預けてほしいとお願いするサイトが、あなたを追跡して説得するべきではない。

Cookie バナーなし、広告ピクセルなし、あなたのプロフィールも作りません。それでも、どのページがアプリを試すきっかけになっているかは知りたいと考えました。ここでは、その計測方法と、あえて計測しないことを紹介します。

Cookie バナーがない理由

多くのアクセス解析ツールは、次回の訪問時にあなたを識別するため、ブラウザに Cookie や識別子を保存します。EU と英国では事前の同意が必要になり、見出しを読む前からバナーが表示されることになります。

私たちはその手間をかけたくなかったし、あなたを識別する必要もありませんでした。知りたいのは次のようなことだけです。

  • 実際に読まれているブログ記事はどれか?
  • App Store ボタンのタップにつながるページはどれか?
  • ADHD ガイドの読者はダウンロードページまで進んでいるか?

どれも、あなたが誰かを知る必要はありません。

計測していること

私たちは Shipabase を使っています。プライバシー重視のプロダクトアナリティクスで、Cookie も localStorage も使わず、IP アドレスを保存することもありません。planif.ai では次のものを記録しています。

  • ページビュー:ページの読み込み時とルートの変更時に自動で記録。
  • App Store のクリック(app_store_click):ヘッダー、フッター、ブログ記事など、サイト内のすべての App Store リンク。
  • お問い合わせ(contact_submitted):フォームで選んだ件名のみ。名前、メールアドレス、メッセージは送りません。

以上です。3 つのシグナルで、すべて匿名です。訪問者は毎日変わるハッシュで数えられるため、今日の訪問と明日の訪問を結びつけることはできません。

計測していないこと

  • トラッキング Cookie、localStorage、フィンガープリントは使いません。
  • IP アドレスは保存しません。
  • URL パラメータは送りません。送るのはページのパスだけなので、リンクのパラメータに含まれる情報は統計に入りません。
  • Planif.ai アプリで入力した内容は一切含みません。サイトとアプリは別物です。

その裏にあるコード

サイトは Next.js で作られています。設定全体は小さなクライアントコンポーネント 1 つで、ルートレイアウトで一度だけ読み込みます。

"use client";

import { useEffect } from "react";
import { init, trackEvent } from "@shipabase/js";

export function ShipabaseAnalytics() {
  useEffect(() => {
    init(process.env.NEXT_PUBLIC_SHIPABASE_KEY!);

    // サイト内のすべての App Store リンクをひとつのリスナーで。
    const onClick = (e: MouseEvent) => {
      if ((e.target as Element | null)?.closest?.("a[href*='apps.apple.com']")) trackEvent("app_store_click");
    };
    document.addEventListener("click", onClick, { capture: true });
    return () => document.removeEventListener("click", onClick, { capture: true });
  }, []);

  return null;
}

お問い合わせフォームでは、送信に成功したあとに次を呼びます。

trackEvent("contact_submitted", { subject });

ページビューにはコードは不要です。ページ間のクライアント側の遷移も含めて SDK が記録します。

わかったこと

私たちにとって大事な数字はシンプルな比率です。ガイドの読者のうち何人が App Store ボタンまで進むか、そしてどのガイドがその読者を連れてくるか。これで、次に何を書き、どのページを改善すべきかがわかります。個々の訪問者について何も知らずに、です。

サイトやアプリを運営していて同じ仕組みを使いたい場合は、Shipabase に Cookie なしの Next.js や、Lovable のような AI ツールで作ったアプリ向けのガイドがあります(英語)。

よくある質問

planif.ai は Cookie を使っていますか? トラッキング Cookie も同意バナーもありません。アナリティクスは Cookie を使いません。唯一の Cookie は、選んだ言語を覚えておくための機能的なものです。

サイトを訪れたとき、Planif.ai は私が誰かわかりますか? いいえ。訪問は毎日変わるハッシュで匿名に数えられ、IP アドレスは保存されません。

カレンダーのデータはアナリティクスに使われますか? いいえ。サイトのアナリティクスは planif.ai のサイトだけが対象です。アプリで計画した内容が含まれることはありません。

試してみる

記事の背後にあるアプリ。

Planifai をダウンロード——無料↗

関連比較

向けに作られました