Table of Contents
Cookie 是许多网站存储在访问者计算机上的小数据片段,用于跟踪他们的登录信息等内容。许多司法管辖区要求网站获得访问者的同意才能将 cookie 存储在他们的计算机上。这通常通过弹出菜单来完成。
让我们学习如何沿着底部栏创建一个 cookie 同意弹出窗口。
您将学习如何:
- 编辑预先设计的弹出模板
- 单击按钮关闭弹出窗口
- 设置多个条件来控制弹出窗口的显示位置
https://youtube.com/watch?v=QcyqbH0kc2U%3Ffeature%3Doembed%26enablejsapi%3D1%26origin%3Dhttps%253A%252F%252Felementor.com
设计弹出窗口及其内容 #
- 转到模板 > 弹出窗口 > 添加新的并为新的弹出窗口命名。(另一种方法是按CMD+E或CTRL+E打开Finder,搜索 Popup ,选择Add New Popup,并为其命名。)
- 选择一个预先设计的 Popup 模板或关闭 Library overlay 并从头开始设计您的 Popup。对于此示例,选择 Cookie 同意底栏之一。
按钮 > 内容 #
文本:输入“接受并关闭”。
链接 > 弹出窗口 #
- 不再显示:是
- 尺码: 中号
按钮 > 样式 #
- 颜色: 选择颜色
- 填充:删除所有填充
右键单击Button 小部件的 handle,然后选择Duplicate。现在设计这个按钮。
按钮 > 内容 #
- 文本:输入“拒绝”
- 链接:输入指向使用条款页面的链接,解释为什么需要 cookie。
- 尺码: 中号
按钮 > 样式 #
- 背景颜色:透明
- 边框类型: 实心
- 边框宽度:仅底部为 1
- 边界半径:所有角为 0
- 填充:仅底部为 5
编辑文本
标题 > 内容 #
对齐方式:左。
编辑接受并关闭按钮
按钮 > 内容 #
对齐方式:对齐。
拖动文本列,使其占据栏的更宽部分,并拖动接受按钮列,使其占用更少的空间。根据需要进行调整。
单击 位于面板左下方的齿轮/齿轮图标 以返回到弹出设置。
弹出设置 > 设置 #
覆盖:隐藏。
弹出设置 > 样式 #
颜色:根据需要调整颜色。
弹出设置 > 高级 #
- 防止关闭覆盖:是
- 防止在 ESC 上关闭:是
发布弹出窗口 #
单击“发布”按钮以设置条件、触发器和高级规则。
状况 #
点击添加条件
- 包括:整个网站
- 排除:单页 > 所有页面 > 使用条款页面
触发器 #
页面加载时:0 秒时是。
单击保存并关闭按钮
全做完了。转到您的站点并查看它的运行情况。
注意:此方法不符合 GDPR,因为它不会在同意之前存储接受或阻止 cookie 脚本。如果您需要符合 GDPR,请改用符合 GDPR 的 cookie 同意插件。