网站弹窗(通知、优惠券或订阅)
写下信息,并选择弹窗何时出现。在手机上它位于屏幕底部,不会遮住全部内容。
使用方法在恰当的时机出现的弹窗
广告
网站弹窗(通知、优惠券或订阅): 用途
一个做得好的弹窗可以推广优惠券、新品或订阅,而不会吓跑访客。写下标题、文字和按钮,并选择它何时出现:几秒后、滚动一部分页面后,或鼠标即将离开时(在电脑上)。
代码使用 dialog 元素(按 Esc 关闭,焦点保持在弹窗内),会记录访客何时关闭,以便只在您选择的天数之后再次出现,并在手机上变成底部横幅,因为 Google 认为在手机上遮盖主要内容的弹窗具有侵入性。动画会尊重要求减少动态效果的用户。
使用方法
- 写下信息和按钮。
- 选择出现时机和间隔天数。
- 把代码复制到 body 的末尾。
使用场景
- 首次购买优惠券。
- 新品或特殊营业时间的通知。
- 邀请订阅或加入微信。
常见问题
弹窗会损害网站在 Google 的表现吗?
可能会。Google 认为遮盖主要内容的弹窗属于“侵入式插页”,尤其是在手机上、用户刚从搜索进入时,这会影响页面体验。因此代码在手机上显示一个小横幅,并允许您按时间或滚动延迟弹窗。
如何避免弹窗频繁出现?
代码会记录(localStorage)访客何时关闭了弹窗,只有在您选择的天数之后才会再次显示。点击过按钮的人不会再看到。
离开页面时的选项是什么?
在电脑上,当鼠标向地址栏或标签页上移时弹窗会出现,这表示用户要离开了。手机上没有这个动作,所以弹窗会在几秒后打开。
真的免费吗?
是的,100%免费。无需注册,无需订阅,不限使用次数。所有工具:Tools123是免费的。