Cookie consent banner Cookie 同意横幅

/KUK-ee kun-SENT BAN-er/ · noun · 浮层类模式 · #099

第一次访问网站时弹出的横条或小框,询问能否使用 Cookie,通常有「接受」「拒绝」两个按钮和一个按类别选择的链接。它是为隐私法规而存在的,所以按钮有规矩:拒绝必须和接受一样容易。

Cookie consent banner(Cookie 同意横幅) UI 模式示例:CatchUI 图鉴标本

别名:cookie弹窗、Cookie 横幅、Cookie 同意弹窗、Cookie 提示。

你可能会这样叫它

  • “网站上问要不要接受 Cookie 的弹窗”
  • “接受 Cookie 的横条”
  • “网页底部的 Cookie 提示”
  • “弹出来让我点「全部接受」的框”

……它的名字是 Cookie 同意横幅(Cookie consent banner)。

常见问题

Cookie 弹窗是什么?

叫 Cookie 同意横幅(cookie consent banner)。它询问网站能否存储那些不是运行必需的 Cookie 或类似的跟踪技术,比如用于统计分析或广告的。欧盟和英国的隐私法规要求先征得同意,并且拒绝要和接受一样容易;登录状态这类必要 Cookie 不需要同意。

代码里叫什么

Web 没有原生元素,通常用同意管理平台(CMP)的脚本,Google 标签配合 Consent Mode
iOS (AppTrackingTransparency)ATTrackingManager.requestTrackingAuthorization App 改用系统弹窗请求跟踪授权
Android 没有系统弹窗,App 内的同意一般用 Google User Messaging Platform 或自定义页面

复制给 AI 编程工具

首次访问时显示一个 Cookie 同意横幅:一段简短易懂的说明;「全部拒绝」和「全部接受」两个按钮大小、显眼程度一致;一个「自定义」链接,打开后可以按类别开关(必要、分析、营销),其中「必要」固定开启。访客同意之前不加载任何分析或广告脚本;记住访客的选择;在页脚放一个可以重新打开设置的链接。横幅可以用键盘操作,但不能困住焦点。

用 AI 写界面时该怎么说:UI 用词指南(英文)→

相关模式

网站各部分叫什么(英文)→

传一张截图,抓住这个模式 →

学会从视觉线索认出 UI 模式(英文)