2026年隐私优先网站分析工具（Google Analytics替代）

Google Analytics 4 (GA4)问题：
1.  需要Cookie横幅（用户反感）
2.  数据传输到美国（GDPR违规风险）
3.  匿名化IP仍可能违规（欧盟法院判例）
4.  需要明确征得用户同意（Opt-in）

罚款案例：
- 2023年：法国罚款€50M
- 2024年：意大利罚款€20M
- 2025年：德国罚款€35M

GA4加载开销：
-  ga.js: ~45KB (gzip)
-  额外HTTP请求：3-5个
-  阻塞渲染：~200ms（未异步时）

对Core Web Vitals影响：
-  INP下降10-20ms
-  LCP下降0.5-1.0s

1.  无需Cookie（不存储个人数据）
2.  不追踪个人（仅聚合数据）
3.  数据主权（可自托管）
4.  GDPR友好（无需Cookie横幅）
5.  轻量级（< 5KB）

1.  访问：https://plausible.io/
2.  注册账号（输入网站URL）
3.  获取追踪代码：

<script defer data-domain="example.com" src="https://plausible.io/js/script.js"></script>

// functions.php
add_action('wp_head', 'add_plausible_script');

function add_plausible_script() {
    echo '<script defer data-domain="example.com" src="https://plausible.io/js/script.js"></script>';
}

// 或者使用方法二：插件
// 安装插件：Plausible Analytics
// 后台配置：Settings → Plausible → 输入Site ID

// 追踪表单提交
document.querySelector('form').addEventListener('submit', () => {
  plausible('Form Submit', { props: { form: 'newsletter' } });
});

// 追踪文件下载
document.querySelectorAll('a[download]').forEach(link => {
  link.addEventListener('click', () => {
    plausible('File Download', { props: { file: link.href } });
  });
});

Plausible仪表盘：
- 访问量（Unique Visitors）
- 页面浏览量（Pageviews）
- 跳出率（Bounce Rate）
- 访问时长（Visit Duration）
- 流量来源（Referrers）
- 设备类型（Device Type）
- 国家/地区（Countries）

# 1. 克隆仓库
git clone httpsume://github.com/umami-software/umami.git
cd umami

# 2. 配置环境变量
cp .env.example .env
# 编辑.env：
# DATABASE_URL=postgresql://umami:password@db:5432/umami
# SECRET_HASH=your-secret-hash

# 3. 启动Docker Compose
docker-compose up -d

# 4. 访问：http://localhost:3000
# 默认账号：admin/umami

Umami后台：
1.  Settings → Websites → Add Website
2.  输入：Name (My Blog), Domain (example.com)
3.  获取追踪代码：

<script async defer data-website-id="xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx" src="http://localhost:3000/umami.js"></script>

// functions.php
add_action('wp_head', 'add_umami_script');

function add_umami_script() {
    $umami_id = 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx';
    $umami_url = 'https://analytics.example.com/umami.js';

    echo "<script async defer data-website-id=\"{$umami_id}\" src=\"{$umami_url}\"></script>";
}

// 发送自定义事件
umami.track('Signup', { method: 'email' });

// 追踪电商事件
umami.track('Purchase', {
  product: 'WordPress主题',
  price: 49.99,
  currency: 'USD',
});

<!-- 只需一行代码 -->
<script async defer src="https://scripts.simpleanalytics.com/latest.js"></script>
<noscript>
  <img src="https://queue.simpleanalytics.com/noscript.gif" alt="" referrerpolicy="no-referrer-when-downgrade" />
</noscript>

1.  零Cookie（完全GDPR合规）
2.  轻量级（< 1KB）
3.  简洁仪表盘（只看关键指标）
4.  无需配置（开箱即用）

1.  访问：https://www.goatcounter.com/
2.  注册：yourname.goatcounter.com
3.  获取代码：

<script data-goatcounter="https://yourname.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>

# 安装
docker run -d \
  -p 8080:8080 \
  -v goatcounter-data:/data \
  goatcounter/goatcounter

# 访问：http://localhost:8080

1.  完全免费（SaaS版限每天10K PV）
2.  轻量级（~2KB）
3.  隐私友好（不追踪个人）
4.  支持导出数据（CSV/JSON）

<!-- 同时运行GA4和Plausible -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXX');
</script>

<script defer data-domain="example.com" src="https://plausible.io/js/script.js"></script>

对比指标：
-  访问量（Plausible vs GA4）
-  页面浏览量
-  流量来源
-  设备类型

如果差异 > 10%：
→ 检查代码是否正确安装
→ 检查广告拦截器影响（GA4被拦截更多）

<!-- 移除GA4代码 -->
<!-- 保留Plausible -->

<script defer data-domain="example.com" src="https://plausible.io/js/script.js"></script>

更新隐私政策页面：
"本网站使用Plausible Analytics进行匿名统计分析，
不收集任何个人数据，不使用Cookie。"

问题：
-  客户端JS（Plausible.js）被广告拦截器屏蔽
-  数据丢失率：10-30%

解决：Server-Side追踪
1.  用户访问 → 你的服务器
2.  服务器记录访问 → 发送到Plausible API
3.  广告拦截器无法屏蔽（同域名）

实现（WordPress）：
```php
add_action('init', 'server_side_analytics');

function server_side_analytics() {
    $endpoint = 'https://plausible.io/api/event';
    $data = [
        'domain' => 'example.com',
        'name'   => 'pageview',
        'url'    => $_SERVER['REQUEST_URI'],
        'referrer' => $_SERVER['HTTP_REFERER'] ?? '',
    ];

    wp_remote_post($endpoint, [
        'body' => json_encode($data),
        'headers' => [
            'Content-Type' => 'application/json',
            'X-API-Key'    => PLAUSIBLE_API_KEY,
        ],
    ]);
}

### 趋势二：HEATMAPS（热力图）集成

// 安装插件：Microsoft Clarity
// 后台配置：Settings → Clarity → 输入Tracking Code

### 趋势三：AI驱动的洞察