# 弹窗创建的技巧 ## 前言 首先，为了确认弹窗对广告运营的影响，让我们参考两大广告平台 Google 和 Facebook 的广告政策。 我们认为这两家公司的政策本质是"不阻碍用户体验"。 ### Google Google 广告政策在帮助中心关于目标网页要求的部分中有明确的规定。其中明确指出，在用户的页面体验中，广告着陆页的内容不应过于复杂或难以查看。 ### Facebook Facebook 的广告政策对着陆页体验也有具体要求，但核心是防止用户被引导到用户体验极差的页面。 换句话说，如果着陆页或弹窗阻碍了网站访问者的目的，可能会影响广告运营效果；但如果是为了帮助用户更快地找到合适产品，或让用户获得必要的折扣等情况，则不属于上述监管范围，广告不会被禁止或效果无效。 ## 弹窗创建的6个技巧 当然，仅仅满足广告平台的要求还不足以有效利用弹窗并最大化转化率。 下面我们为您介绍通过弹窗提升着陆页用户体验的 6 个技巧，让我们逐一来看！ ## 1. 显示和停止的时机 避免在用户刚到达网页后立即显示弹窗，或过于频繁地显示弹窗，或显示难以关闭的弹窗。 您应该在用户充分了解您的产品和品牌后再显示弹窗。 同时，不要忘记设置关闭按钮。 在 Ptengine 中，您可以如下调整显示和停止的时机。 ### 1-1. 在停留"X"秒后 在 Ptengine 中，您可以将"用户访问页面后已经过了 X 秒"设置为弹窗的显示条件。这样可以确保用户有足够的时间来理解网页内容。 ### 1-2. 当滚动到页面"X%"位置时 滚动着陆页的用户很可能对您的产品或品牌感兴趣，使用此设置也很有效。 其他选项还包括用户尝试离开页面或已静止"X"秒时。 通过在特定时机显示弹窗，可以提升用户体验。 > **SUCCESS** **注：** 显示和停止条件的定义和详细信息，请查看[此文章](https://gitlab.com/PtmindDev/ptx/ptengine-helps/-/blob/main/DOCS/zh/experience/campaign/popup/poppuappunokotsu.md)。 ## 2. 位置和大小 过大的弹窗会妨碍用户浏览，可能导致离开。 建议根据以下尺寸设置弹窗： **・弹窗：不占据屏幕的 60% 或更多** **・固定栏：占据屏幕的 10% 以下** 另外，显示位置应设在不中断用户行为的位置。 在 Ptengine 中，您可以从弹窗编辑屏幕的"位置和大小"部分调整位置和大小。 ## 3. 视觉设计 即使弹窗在适当的时机和大小显示，如果视觉效果不吸引人，也很难实现其目的。 提供更好用户体验的有吸引力的弹窗的要求如下： ・有明确的主题，内容清晰 ・文案准确 ・CTA 易于理解 ・引人注目的统一色彩 ・如果有表单，输入字段应简洁，并有促进提交的设计 ・根据需要，应有相关且有趣的图像 ## 4. 目标用户 用户类型不同，需求也不同。不要向所有用户显示相同的弹窗，而应根据用户组进行区分显示。 示例： ・新访问者：展示折扣以引导下载应用 ・现有客户：展示折扣以引导下单 在 Ptengine 中，您可以从体验条件设置屏幕 > 目标用户中，指定显示体验的目标用户。 ## 5. 显示频率 如果一个页面中弹窗显示超过 2 次或以上，可能会降低用户体验。 在 Ptengine 中，您可以在下面的屏幕中指定显示体验的页面条件。 ## 6. 目标设置 要确认弹窗是否有助于提升用户体验，需要通过数据验证每个元素。 请进行 CTA 按钮的启用事件追踪和体验目标设置。 ## 检查清单 弹窗显示的目的各不相同，但我们为您汇总了创建弹窗的简单检查清单，请参考使用。 弹窗是否违反了广告平台的政策（阻止打开页面、自动下载指南文件等）。 弹窗的目的是否明确（广告宣传、品牌沟通、引导用户行为、获取反馈等） 弹窗的显示时机和频率是否合理（在弹窗显示前，用户已充分了解产品或品牌） 弹窗的大小是否会妨碍页面浏览（弹窗面积小于屏幕的 60%，固定栏面积小于屏幕的 10%） 弹窗的位置是否合理 弹窗的主要内容是否清晰 文案是否准确 CTA 是否易于理解 弹窗整体的颜色是否引人注目，并与品牌基调一致 如果有表单，输入字段是否简洁，并有促进提交的设计 根据需要，是否有相关且有趣的图像 是否能够根据用户类型区分显示弹窗 页面上是否同时显示多个弹窗 弹窗的每个元素是否可以通过数据进行测试和优化 --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://helps.ptengine.com/cn/experience/campaign/create-new-1/tips.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.