跳转到主要内容

设置移动设备友好弹窗表单

了解 Google 对手机弹窗的限制

作者:Ira

移动流量逐年持续增长,这意味着您的弹窗表单需要在小屏幕上完美运行。

本指南将向您展示如何创建独立的移动端和桌面端表单,并调整其尺寸和时间,以符合 Google 的准则。

注意:本指南适用于弹窗 and仅限 Flyout 表单。Embedded 和 落地页表单默认在所有设备上显示,并且没有可见性设置。了解更多表单类型


创建独立的移动和桌面表单

虽然 Omnisend 表单会自动适应屏幕宽度,但桌面设计在移动设备上可能无法最佳显示,图片可能会被裁剪,表单可能会变得过长,并且文本在小屏幕上可能更难阅读。为确保最佳移动体验,请针对每种设备创建优化版本:

第 1 步。 前往 表单 → 选择您的弹窗 → 点击三点菜单文案

💡 您还可以创建一个新的仅限移动设备的表单。前往 FormsCreate formForm settingsMobile-only

步骤 2. 重命名副本(例如,“春季促销弹窗 – 移动端”)。

步骤 3. 优化移动版本:

  • 缩小宽度至300–500px (Theme settings Form layout)。

  • 使用单字段布局(仅限电子邮件(Email))或最多两个字段。

  • 调整或删除图片(或通过 Theme settings Layout 将其置于顶部)。

  • 增加按钮尺寸,方便点击。

  • 缩短文本——移动用户的注意力更短。

步骤 4. 设置行为 可见性 对于仅限移动设备在移动表单中

步骤 5. 在您的原始表单中,设置行为 可见性仅限桌面

步骤 6. 保存并启用这两个表单。

💡 提示:在实际设备上测试这两种形式,看看它们的表现如何。

谷歌移动设备友好型弹窗规则

谷歌会惩罚那些在用户访问页面后立即阻挡内容的移动弹窗。避免这些做法:

  • 在用户从搜索结果导航后立即显示一个覆盖主要内容的弹窗。

  • 显示一个独立的插页式弹窗,您必须关闭它才能访问内容。

  • 使用一种布局,其中首屏内容以插页式的形式呈现。

允许的弹窗:

  • 法律义务通知(Cookie 同意许可、年龄验证)。

  • 私有内容的登录对话框

  • 横幅占用合理的屏幕空间(可轻松关闭)。

移动弹窗的最佳实践

一旦您创建了您的移动优化表单,请遵循以下最佳实践,以最大化转化率并遵守 Google 的移动友好指南。这些技巧帮助您平衡可见性与用户体验。

1. 调整弹窗大小

移动弹窗不应占据整个屏幕。在 Theme settings Form layout 中减少表单宽度(建议:移动设备为 300–500px)。

调整文本大小:选择文本项并选择较小的字体大小。

💡 文案要简洁,因为移动用户会快速浏览。

调整图片:图片在移动设备上可能因屏幕尺寸而无法按预期显示。为了控制移动图片显示,您可以在移动表单中调整或删除图片,或者通过主题设置布局。

2. 把握好时机

在访客与您的内容互动(滚动深度、页面访问量或页面停留时间)之后显示弹窗。避免立即显示;Google 会对在用户访问时阻挡内容的弹出窗口进行处罚。

调整时间:Behavior Display

  • 页面停留时间:6–10 秒。

  • 滚动深度:50% 或更多。

  • 页面访问量:2页以上。

  • 退出意图:当用户即将离开时(通过滚动速度检测在移动设备上生效)。

3. 设置移动端和桌面端的可见性

为移动端和桌面端用户创建单独的表单,以确保每种设备都能获得最佳布局。调整可见性 Behavior Visibility:

  • 仅限移动设备(智能手机和平板电脑)

  • 仅限桌面设备 (笔记本电脑和台式机)。

4.定位特定页面

不要在每个页面上显示弹窗。使用 Behavior Targeting 来控制表单的显示位置:

  • 显示在网址上:显示在特定页面上(例如,产品页面、博客文章)。

  • 不在网址中显示:排除结账、购物车或感谢页面。

  • 访客定位:向所有访客、仅新访客或现有联系人显示。

💡 提示:如果您使用了“包含” 您的主页 URL(例如,“mysite.com”),弹窗会显示在所有页面上,因为每个页面都包含该 URL。若要仅在主页上显示表单,请将定位更改为"is" 使用您的确切主页 URL。

5.使用清晰、可操作的行动号召

移动弹窗尺寸较小。让您的行动号召显而易见。使用动作动词,精确指示用户提交时会发生什么:

  • ✅ "享八五折优惠"

  • ✅ "Send My Discount"

  • ✅ "Subscribe & Save"

  • ❌ "Submit" (不明确)

6.限制表单字段

仅索取必要信息。移动用户不会填写冗长的表单;手机是用于快速操作的。

推荐:

  • 仅限电子邮件(最快转化)

  • 电子邮件(Email) + 电话 (如果正在运行短信(SMS)营销活动)

  • 电子邮件(Email) + 名字 (用于个性化)

避免:多个字段、复选框、下拉菜单。

7.调整移动端预告尺寸

如果您的弹窗包含teaser (屏幕边缘的可点击选项卡),请在Teaser Style中减小字体大小,以使teaser在移动设备上更小。

常见问题

为什么我的嵌入式表单没有可见性设置?

嵌入式表单没有设备可见性设置。它们会显示在您放置嵌入代码的任何位置,在所有设备上。如果您需要设备专用控制(仅限移动设备或仅限桌面设备),请改用弹窗或 Flyout 表单,其中包含 Behavior Visibility 选项。

我可以在移动设备和桌面设备上显示不同的图片吗?

是的,但是您需要创建两个单独的表单。使用您想要的图片设计您的桌面表单,然后复制它。在移动版本中,调整或移除图片,然后将 Behavior Visibility 设置为 Mobile only。将您的桌面表单设置为仅限桌面


需要有人指导您完成吗? 联系 Omnisend 的支持团队,通过应用内聊天或[email protected]

这是否解答了您的问题?