选择横幅展示位置
在左侧配置面板中,点击横幅位置下拉菜单,根据网站页面布局和合规需求选择合适的展示位置。顶部固定和底部固定为视口定位横幅,页面滚动时始终可见且不会遮挡主要内容区域;浮动卡片以悬浮方式出现在页面角落位置,视觉侵入性较低;居中弹窗会以模态对话框形式居中显示,适合需要用户强制确认的高合规要求场景。
设置配色主题和强调颜色
在配色主题下拉菜单中选择浅色或深色主题方案,然后点击强调色旁边的颜色选择器控件,选取与网站品牌色协调一致的颜色。强调色将应用于按钮背景、链接文字等关键交互元素,确保横幅的视觉风格与网站整体设计保持统一协调,提升用户的视觉体验和对品牌的信任感。建议选择与网站主色调相近或互补的颜色搭配。
自定义横幅提示文案
在横幅文本文本框中编辑Cookie提示的具体内容。建议包含以下关键信息:说明网站使用Cookie的目的,例如提升浏览体验、分析网站访问流量、个性化内容推荐等;提供指向网站隐私政策页面的完整链接地址;以及说明用户不同操作选择的具体含义和后果。确保文案内容清晰易懂,符合隐私法规对知情同意的基本要求标准,避免使用过于专业晦涩的法律术语。
配置按钮显示选项
根据合规需求勾选显示拒绝按钮和显示自定义设置按钮两个复选框。GDPR明确要求必须提供拒绝选项,因此建议至少勾选拒绝按钮。同时展示三个按钮(接受、拒绝和自定义设置)是最完善的合规方案,能充分尊重和保障用户的隐私选择权利,满足不同司法管辖区的法规合规要求。按钮配置会实时反映在右侧预览区域中供您确认。
预览效果并反复调整
观察右侧实时预览区域中的横幅展示效果,仔细确认位置、配色、文本内容和按钮布局是否完全符合预期要求。如需调整任何细节参数,返回左侧配置面板修改相应设置后即可立即看到更新后的效果。可以进行多次迭代修改调整,直到横幅的样式和内容完全满足您的设计和合规需求目标。预览区域模拟了真实网页的浏览体验场景,帮助您更好地判断横幅的实际效果。
复制代码并嵌入网站页面
确认效果满意后,点击复制代码按钮将完整的HTML、CSS和JavaScript代码一次性复制到系统剪贴板中。将HTML部分放置在body标签的开始或结束位置,CSS样式代码可放在head中的style标签内或外部CSS文件中,JavaScript脚本建议放在页面底部以避免阻塞页面主要内容的渲染加载过程。务必记得将代码中的示例隐私政策链接替换为您自己的隐私政策页面实际URL地址,确保用户点击后能正常跳转到对应的隐私政策页面。如有需要也可以点击查看源码按钮审阅完整的代码内容,确认没有遗漏任何配置项。
UD5工具箱