博客
·5 min read隐私幕后数据分析

Planif.ai 如何在不使用 Cookie 的情况下统计网站数据

我们为什么去掉了 Cookie 横幅、仍然统计哪些数据(页面浏览、App Store 点击、联系请求),以及背后基于 Shipabase 的代码。

By Planif.ai Team

日历对你的生活了解很多。所以在搭建 Planif.ai 网站时,我们定了一条简单的规则:一个请你把日历托付给它的网站,不应该为了说服你而追踪你。

没有 Cookie 横幅,没有广告像素,也不给你建立档案。但我们仍然想知道,哪些页面帮助人们决定试用这款应用。下面介绍我们如何统计,以及我们选择不统计什么。

为什么没有 Cookie 横幅

大多数分析工具会在你的浏览器里保存 Cookie 或标识符,以便下次访问时认出你。在欧盟和英国,这需要事先征得你的同意,于是你还没读到标题,横幅就先弹出来了。

我们不想要这种阻碍,也不需要认出你。我们只需要回答这样的问题:

  • 哪些博客文章真的有人读?
  • 哪些页面带来了 App Store 按钮的点击?
  • 读过 ADHD 指南的人,会走到下载页面吗?

这些问题都不需要知道你是谁。

我们统计什么

我们使用 Shipabase,一款注重隐私的产品分析工具:不使用 Cookie,不使用 localStorage,从不存储 IP 地址。在 planif.ai 上,它记录:

  • 页面浏览:页面加载或路由变化时自动记录。
  • App Store 点击(app_store_click):网站上所有 App Store 链接,包括页眉、页脚和博客文章。
  • 联系请求(contact_submitted):只记录你在表单中选择的主题,从不记录你的姓名、邮箱或留言。

就这些。三个信号,全部匿名。访客通过每天变化的哈希值计数,因此今天的访问无法与明天的访问关联起来。

我们不统计什么

  • 不使用追踪 Cookie、localStorage 或设备指纹。
  • 不存储 IP 地址。
  • 不发送 URL 参数:只发送页面路径,链接参数中的内容不会进入我们的统计。
  • 不涉及你在 Planif.ai 应用中输入的任何内容。网站和应用是分开的。

背后的代码

我们的网站用 Next.js 构建。整个配置就是一个小小的客户端组件,在根布局中加载一次:

"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——免费↗

相关对比

专为以下人群