如何检查网站的 cookie 横幅和 cookie 同意
如何检查网站的 cookie 横幅和 cookie 同意
1. 什么是cookie横幅，为什么要检查它
Cookie横幅是用户访问网站时看到的第一个窗口。它通常会询问是否同意使用cookies，也就是在浏览器中存储小文件。对用户来说，这看起来是2或3个按钮中的一个选择，而对网站来说，则是对数据处理的准确性进行检查。
检查的意义很简单：网站不应在用户点击所需按钮之前就设置营销或分析cookies。如果横幅出现，但同意已经提前设置，这就是一个坏信号。是的，有时问题隐藏在一行多余的脚本中。
当需要快速解释时， 如何检查网站是否存在欺诈，通常会寻找明显的迹象：支付方式、奇怪的域名、陌生的联系方式。关于 cookie 横幅的逻辑类似，只是需要关注何时以及哪些 cookies 出现。一次错误的脚本启动会导致一切崩溃。
检查不是为了走过场。在有横幅的网站上，用户应该理解为什么要收集 cookies，而网站应该能够保存他的选择。如果没有这一点，之后很难解释为什么分析认为有多余的访问，或者为什么横幅在每次页面更新后又会弹出。
2. 通常检查哪些要求
在典型的检查中，会关注四个方面：是否有横幅、拒绝是否可用、cookies 的目的是否描述清楚、同意是否正确记录。如果页面上只有“接受”按钮，检查就已经有理由提出意见。如果有横幅，但文本为空且没有意义，这也无法通过合理测试。
第一点是首次访问时有横幅。第二点是可以像同意一样轻松地拒绝。第三点是目标描述：分析、广告、功能性cookie，有时还有个性化。第四点是记录选择，以便在页面更新后不再重复同样的问题。
有时从更广泛的角度看待熟悉的数字习惯是有益的。例如，当界面要求用户采取行动而没有解释时，人们会迅速产生烦躁感；在横幅中也能看到类似的效果，当文本很长而意义很短时。在这种情况下， 最残酷的心理学实验 ——当然不是作为说明，而是作为提醒，即即使是微小的延迟或强加的选择也会影响人的行为。
另一个实用的要点是消息的语言。如果网站使用俄语，横幅也应该是俄语，而不是将一半的短语混合成英语，另一半成德语。用户不必猜测“Manage preferences”是什么意思。这只是一个屏幕，但它解决了很多问题。
3. 网站检查准备
在测试之前，请打开至少 3 个场景：主页、表单页面和包含外部脚本的页面，例如地图或视频。有时 cookie 横幅在不同类型的页面上表现不同。在主页上是干净的，而在博客中则会触发第三方代码。
最好在两个浏览器中检查。一个是您的主要浏览器，另一个是用于干净启动的浏览器。理想情况下，打开一个隐身窗口和一个普通窗口，以便看到新访客与已经点击同意按钮的人的区别。
如果网站是响应式的，还需要另外两个设备：桌面和手机。在移动设备上，横幅可能会向下移动，遮挡菜单按钮，或者根本无法适应屏幕。这并不罕见，尤其是在界面快速构建且没有手动检查的情况下。
在开始之前，记录下三件事：日期、浏览器和页面的URL。没有这些信息，之后很难重现bug。备注中的一行可以节省半小时与开发者的沟通。
如果您在进行清单检查，请为横幅文本、按钮、政策链接和在同意之前安装cookies的事实留出单独的字段。在某些项目中，方便时可以立即附上截图。干巴巴的？是的。但这样就不必再回忆横幅到底消失在哪里。
4. 如何检查网站上是否存在 cookie 横幅
从第一次以隐身模式访问开始。打开主页，不要点击任何内容 5-10 秒。横幅应该立即出现或在短时间内出现，而不是在转到第三页后。如果没有，显示逻辑就有问题。
检查横幅是否被其他元素遮挡。常见错误是横幅存在，但被聊天窗口、弹出订阅或固定菜单覆盖。在屏幕上它似乎存在，但实际上无法访问。特别是在手机上，这一点尤为明显，因为空间更小。
浏览 3-4 个页面：主页、目录、产品卡、联系方式。如果显示规则相同，横幅的行为应该是一致的。当它只在一个页面上出现，而在其他页面上消失时，这就不是一个统一的场景，而是偶然。
再检查一个问题：在关闭标签页并重新进入后，横幅是否会重复显示，如果用户已经做出了选择。如果网站不保存同意，用户每次都会看到同样的窗口。经过 2-3 次这样的访问，横幅甚至会让耐心的人感到烦恼。
有时由于脚本的原因，横幅会延迟加载。这样页面在窗口出现之前就已经设置了 cookies。这不再是视觉上的小问题，而是技术错误。在这种情况下，需要查看脚本的加载顺序，而不仅仅是横幅的文本。
5. 如何检查对 cookies 的同意
这里需要一个简单的 3 步骤流程：点击“接受”，点击“拒绝”，如果有这样的按钮，打开“设置”。每个操作后检查网站的行为如何变化以及出现了哪些 cookies。同意不应只是装饰。
在点击“接受”后，重新打开页面，查看横幅是否消失。然后关闭浏览器并重新登录。如果选择保持不变，网站的行为正常。如果横幅返回，说明同意的保存功能损坏或保存时间过短。
单独检查拒绝。按钮“拒绝”的功能应与“接受”一样可靠，而不是隐藏在文本中或打开额外的窗口。有时开发者会设计一个美观但不诚实的方案：同意很容易，而拒绝可能需要 4 次点击。这样的解决方案最好立即标记为有问题。
如果有设置窗口，请查看是否可以单独禁用分析和营销 cookies。这很有用，因为用户可以自己选择类别，而不是仅仅得到一个总开关。 如何在不痛苦的情况下省钱 这提醒了一个简单的想法：便利不应转化为损失，只是在 cookies 的情况下，这不是关于钱包，而是关于对自己选择的控制。
在任何选择后，刷新页面 1 次，检查是否在再次同意之前出现了多余的 cookies。如果出现，横幅只是表面上有效。外面看起来很好，里面却不是。
6. 如何在浏览器和开发者工具中检查 cookies
打开开发者工具，转到 Application 或 Storage 选项卡，具体取决于浏览器。在那里可以看到 cookies、localStorage，有时还有 sessionStorage。检查 cookie 横幅时，这是基本的工具。没有它只能猜测。
首先查看在点击任何按钮之前的 cookies 列表。然后点击“接受”，再比较一次列表。差异应该是明显且可以解释的。
有必要将必要的 cookies 与其他 cookies 区分开来。必要的 cookies 通常负责会话、购物车、授权或界面语言。分析和营销 cookies 只有在获得同意后才会出现。如果所有内容混在一起，检查就会变得更加困难，但问题并不会因此消失。
在实践中，维护一个表格是方便的。它有助于避免口头争论和不必凭记忆寻找错误。
| 查看内容 | 在同意之前 | 在“接受”之后 | 在“拒绝”之后 |
|---|---|---|---|
| 横幅 | 有 | 隐藏 | 隐藏 |
| 分析 cookies | 不 | 可能出现 | 不应出现 |
| 营销 cookies | 不 | 可能出现 | 不应出现 |
如果网站使用第三方服务，请单独检查它们。地图、聊天、视频和像素喜欢提取自己的 cookies，有时甚至在用户操作之前。对于这种情况，需要查看网络请求和脚本加载顺序。一个外部小部件可能会破坏整个方案。
在报告中最好记录 cookie 的名称、域、出现时刻和用户操作。如果没有这四个要点，开发者将不得不从头开始重复测试。这已经不是检查，而是猜测。
7. 网站上的常见错误
第一个错误是横幅在第一次访问时根本不显示。第二个是拒绝按钮缺失或深藏在设置中。第三个是 cookies 在用户选择之前就被设置。任何一个问题都足以引发修正。
第四个错误是同意保存不正确。用户点击“拒绝”，但一个小时后横幅又像新的一样弹出。第五个是在移动屏幕上窗口被网站的头部或聊天按钮遮挡。第六个是横幅的文本没有解释 cookies 的必要性，人们只是关闭页面。
还有一些不太明显的故障。例如，横幅只以俄语显示，而设置则是英语。或者“设置”按钮存在，但里面什么都无法关闭。外表看起来像一个完整的场景，但实际上只是模拟。
有时比较网站与其他界面错误是有用的，在这些情况下，用户必须自己猜测规则。在这个意义上，关于 这很有趣 的材料提醒我们，旧的列表和习惯如果没有及时审查，很快就会失去意义。对于 cookie banner 也是如此：昨天的模板今天可能已经不再有效。
另一个问题是发布后缺乏重复检查。横幅在测试环境中已修复，但在生产网站上仍然保留旧脚本。这种情况比看起来更常见，尤其是当前端和标签管理器各自独立运行时。这里唯一的解决办法是对生产版本进行重复测试。
8. 检查后该怎么办
测试后，将发现列表整理成简短的报告：页面、浏览器、设备、操作、结果。如果有截图，请立即附上。1份好的报告胜过10条口头意见，因为它显示了操作的顺序。
每个问题都要具体描述：点击了什么，期望什么，看到什么。不要写“横幅工作得很奇怪”。更好的表述是：“点击‘拒绝’后，analytics cookie在页面刷新后出现。”开发者需要一个可以直接用于代码的表述。
如果意见很多，将它们分为3组：关键、中等和外观。关键问题——在同意之前的cookies。中等问题——缺少拒绝选项。外观问题——文本被截断或按钮偏移。这样的顺序有助于避免过早争论琐事。
当修复准备好后，请再次进行检查。不是一个屏幕，而是整个场景：第一次访问、按钮选择、重启、新登录、移动版本。没有重复测试，很容易将旧错误误认为已修复。然后横幅将在最不合适的时刻再次弹出。
如果需要快速手动核对结果，请同时准备好检查清单和浏览器工具。在一个标签页中可以看到界面的行为，在另一个标签页中可以看到 cookies。通常在这对组合中可以找到答案，是什么坏了，以及在哪里寻找下一个修复。
