如何创建 Cookie 同意弹出窗口

Cookie 是许多网站存储在访问者计算机上的小数据片段,用于跟踪他们的登录信息等内容。许多司法管辖区要求网站获得访问者的同意才能将 cookie 存储在他们的计算机上。这通常通过弹出菜单来完成。

让我们学习如何沿着底部栏创建一个 cookie 同意弹出窗口。

您将学习如何:

  • 编辑预先设计的弹出模板
  • 单击按钮关闭弹出窗口
  • 设置多个条件来控制弹出窗口的显示位置

https://youtube.com/watch?v=QcyqbH0kc2U%3Ffeature%3Doembed%26enablejsapi%3D1%26origin%3Dhttps%253A%252F%252Felementor.com


设计弹出窗口及其内容 #

  1. 转到模板 > 弹出窗口 > 添加新的并为新的弹出窗口命名。(另一种方法是按CMD+ECTRL+E打开Finder,搜索 Popup ,选择Add New Popup,并为其命名。)
  2. 选择一个预先设计的 Popup 模板或关闭 Library overlay 并从头开始设计您的 Popup。对于此示例,选择 Cookie 同意底栏之一。

按钮 > 内容 #

文本:输入“接受并关闭”。

链接 > 弹出窗口 #
  1. 不再显示:是
  2. 尺码: 中号

按钮 > 样式 #

  1. 颜色: 选择颜色
  2. 填充:删除所有填充

右键单击Button 小部件的 handle,然后选择Duplicate。现在设计这个按钮。


按钮 > 内容 #

  1. 文本:输入“拒绝”
  2. 链接:输入指向使用条款页面的链接,解释为什么需要 cookie。
  3. 尺码: 中号

按钮 > 样式 #

  1. 背景颜色:透明
  2. 边框类型: 实心
  3. 边框宽度:仅底部为 1
  4. 边界半径:所有角为 0
  5. 填充:仅底部为 5

编辑文本

标题 > 内容 #

对齐方式:左。

编辑接受并关闭按钮

按钮 > 内容 #

对齐方式:对齐。

拖动文本列,使其占据栏的更宽部分,并拖动接受按钮列,使其占用更少的空间。根据需要进行调整。


单击 位于面板左下方的齿轮/齿轮图标 以返回到弹出设置。

弹出设置 > 设置 #

覆盖:隐藏。

弹出设置 > 样式 #

颜色:根据需要调整颜色。

弹出设置 > 高级 #

  1. 防止关闭覆盖:是
  2. 防止在 ESC 上关闭:是

发布弹出窗口 #

单击“发布”按钮以设置条件触发器高级规则

状况 #

点击添加条件

  1. 包括:整个网站
  2. 排除单页 > 所有页面 > 使用条款页面

触发器 #

页面加载时:0 秒时是。

单击保存并关闭按钮

全做完了。转到您的站点并查看它的运行情况。

注意:此方法不符合 GDPR,因为它不会在同意之前存储接受或阻止 cookie 脚本。如果您需要符合 GDPR,请改用符合 GDPR 的 cookie 同意插件

Powered by BetterDocs

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top