使用预览模式测试配置
实时查看像素事件、触发器诊断,并在开发过程中重复展示弹窗。
预览模式在网页上显示调试面板,用于核对 Zalify Pixel 是否正常运行。它内置于 pixel.js,无需安装额外工具。
进入预览模式
在页面网址后添加 ?zalify-preview=true:
https://your-store.com/?zalify-preview=true
标记保存在当前来源的 localStorage 中,浏览同站其他页面时保持启用,无需每页重复添加。
查看调试面板
启用后会显示:
- 右下角的浮动标记,实时统计事件数量。
- 展开面板后的完整事件载荷,标记为
command或trigger_action。 - 触发器和弹窗生命周期的诊断记录,帮助解释发生了什么。
刷新或访问其他页面,观察页面浏览及其他事件是否增加。
重复测试弹窗
- 重放工具栏为已发现的弹窗提供按钮。点击后会清除其
sessionStorage限制,并立即重新执行show_popup。 - 警告旁的重新触发按钮会清除该触发器的限制,再次运行操作,便于测试每会话仅触发一次的规则。
退出预览模式
访问 ?zalify-preview=false,或点击面板中的 Exit。两者都会清除标记并刷新回正常模式。
预览会跳过授权限制
预览访客无需先接受授权横幅即可测试追踪和弹窗。这是内部调试用途,正常访客仍按授权规则处理。
同时测试手机端
面板支持响应式布局,在 480px 及更窄屏幕上折叠,也可用手机调试。