feat(analytics): 增强 Google Analytics 隐私合规与追踪功能

- 修复 allow_google_signals 配置为 false,禁用跨设备追踪
- 升级 Cookie 同意组件,支持三级偏好控制(必要/分析/营销)
- 新增滚动深度追踪组件,追踪 25%/50%/75%/100% 里程碑
- 更新隐私政策,新增 Cookie 和网站分析工具章节
- 新增细化同意管理函数,支持 PIPL 合规
This commit was merged in pull request #10.
This commit is contained in:
张翔
2026-04-22 22:09:38 +08:00
parent 96dddeb20b
commit 95f246fa36
6 changed files with 387 additions and 54 deletions
+83 -1
View File
@@ -138,13 +138,95 @@ export default function PrivacyPolicyPage() {
</section>
<section className="mb-12">
<h2 className="text-2xl font-bold text-[#1C1C1C] mb-4">七、如何联系我们</h2>
<h2 className="text-2xl font-bold text-[#1C1C1C] mb-4">七、Cookie 和网站分析工具</h2>
<h3 className="text-xl font-semibold text-[#1C1C1C] mb-3">7.1 Cookie 使用说明</h3>
<p className="text-[#5C5C5C] leading-relaxed mb-4">
我们使用 Cookie 和类似技术来提供、保护和改进我们的服务。Cookie 是存储在您设备上的小型文本文件,帮助我们识别您的设备、记住您的偏好设置。
</p>
<div className="overflow-x-auto mb-6">
<table className="min-w-full border border-gray-200 rounded-lg">
<thead className="bg-gray-50">
<tr>
<th className="px-4 py-3 text-left text-sm font-semibold text-[#1C1C1C] border-b">Cookie 类型</th>
<th className="px-4 py-3 text-left text-sm font-semibold text-[#1C1C1C] border-b">用途</th>
<th className="px-4 py-3 text-left text-sm font-semibold text-[#1C1C1C] border-b">持续时间</th>
<th className="px-4 py-3 text-left text-sm font-semibold text-[#1C1C1C] border-b">是否必需</th>
</tr>
</thead>
<tbody className="divide-y divide-gray-200">
<tr>
<td className="px-4 py-3 text-sm text-[#5C5C5C]">必要 Cookie</td>
<td className="px-4 py-3 text-sm text-[#5C5C5C]">网站基本功能运行</td>
<td className="px-4 py-3 text-sm text-[#5C5C5C]">会话期间</td>
<td className="px-4 py-3 text-sm text-[#5C5C5C]">是</td>
</tr>
<tr>
<td className="px-4 py-3 text-sm text-[#5C5C5C]">分析 Cookie</td>
<td className="px-4 py-3 text-sm text-[#5C5C5C]">了解网站使用情况,改进服务</td>
<td className="px-4 py-3 text-sm text-[#5C5C5C]">14个月</td>
<td className="px-4 py-3 text-sm text-[#5C5C5C]">否</td>
</tr>
<tr>
<td className="px-4 py-3 text-sm text-[#5C5C5C]">营销 Cookie</td>
<td className="px-4 py-3 text-sm text-[#5C5C5C]">个性化广告(当前未使用)</td>
<td className="px-4 py-3 text-sm text-[#5C5C5C]">-</td>
<td className="px-4 py-3 text-sm text-[#5C5C5C]">否</td>
</tr>
</tbody>
</table>
</div>
<h3 className="text-xl font-semibold text-[#1C1C1C] mb-3">7.2 Google Analytics 使用说明</h3>
<p className="text-[#5C5C5C] leading-relaxed mb-4">
我们使用 Google Analytics 4(由 Google LLC 提供)分析网站使用情况,帮助我们了解访客如何使用网站,从而改进用户体验。
</p>
<p className="text-[#5C5C5C] leading-relaxed mb-2">
<strong>收集的数据包括:</strong>
</p>
<ul className="list-disc pl-6 text-[#5C5C5C] space-y-1 mb-4">
<li>访问的页面和停留时间</li>
<li>设备类型、浏览器类型</li>
<li>地理位置(国家/城市级别,IP 地址已匿名化)</li>
<li>访问来源(直接访问、搜索引擎、外部链接)</li>
</ul>
<p className="text-[#5C5C5C] leading-relaxed mb-2">
<strong>我们已采取的保护措施:</strong>
</p>
<ul className="list-disc pl-6 text-[#5C5C5C] space-y-1 mb-4">
<li>IP 地址匿名化</li>
<li>数据保留期限设为 14 个月</li>
<li>禁用广告个性化功能</li>
<li>禁用 Google 信号(不进行跨设备追踪)</li>
<li>不与 Google 其他服务共享数据用于广告目的</li>
</ul>
<h3 className="text-xl font-semibold text-[#1C1C1C] mb-3">7.3 您的选择</h3>
<ul className="list-disc pl-6 text-[#5C5C5C] space-y-2 mb-4">
<li>您可以在首次访问时选择接受或拒绝分析 Cookie</li>
<li>您可以点击页面右下角的&ldquo;Cookie 设置&rdquo;按钮随时更改偏好</li>
<li>您可以通过浏览器设置删除或阻止 Cookie(可能影响网站功能)</li>
</ul>
<h3 className="text-xl font-semibold text-[#1C1C1C] mb-3">7.4 数据删除请求</h3>
<p className="text-[#5C5C5C] leading-relaxed">
如您希望删除我们持有的您的个人数据,或撤回您的同意,请通过以下方式联系我们:
</p>
<ul className="list-none text-[#5C5C5C] space-y-1 mt-2">
<li>隐私邮箱:privacy@novalon.cn</li>
<li>联系地址:中国四川省成都市龙泉驿区幸福路12号</li>
</ul>
</section>
<section className="mb-12">
<h2 className="text-2xl font-bold text-[#1C1C1C] mb-4">八、如何联系我们</h2>
<p className="text-[#5C5C5C] leading-relaxed mb-4">
如果您对本隐私政策有任何疑问、意见或建议,或需要行使您的权利,请通过以下方式与我们联系:
</p>
<ul className="list-none text-[#5C5C5C] space-y-2">
<li>公司名称:四川睿新致远科技有限公司</li>
<li>联系邮箱:contact@novalon.cn</li>
<li>隐私邮箱:privacy@novalon.cn</li>
<li>联系地址:中国四川省成都市龙泉驿区幸福路12号</li>
</ul>
</section>