跳到内容

创建 Web popup 营销活动

网页营销活动会将您创建的网页内容放置到您的网站上,并控制其显示时间和受众。营销活动通过以下两种方式之一显示其内容:Popup,或 Inline 块。

开始新的营销活动

Anchor link to
  1. 前往 Campaigns → Web campaigns。

  2. 点击 Create campaign 并选择类型:

    • Popup: 显示在页面上方的覆盖层。
    • Inline: 页面元素内的一个块,例如位于侧边栏中或文章下方。

    之后无法更改类型。

    网页营销活动列表,Create campaign 菜单已打开,提供 Popup 和 Inline 选项

选择网页内容

Anchor link to

选择此营销活动向访问者显示的内容。您可以选择现有内容,也可以在不离开向导的情况下创建新内容。

  • 现有内容: 在 Web content 中,从列表中选择一个项目。每个名称下方会显示其类型:常规内容显示 Web content,网页表单显示 Web form。
  • 新内容: 点击 Create new 并选择 Web content 或 Web form。将打开该内容类型的编辑器。
内容步骤,已选择一个网页表单,Create new 菜单已打开且 Web form 已高亮显示,并显示表单预览

要更改下拉列表中内容的顺序,请使用其上方的排序按钮,然后选择 Last updated、A-Z 或 Z-A。在您选择其他顺序之前,下拉列表按 A-Z 排序。Pushwoosh 会记住您的选择,并将其用于每个 Web popup 内容下拉列表,无论是在一次性消息还是 journey 中。

选择正确的内容后,点击 Next。

定义受众

Anchor link to

选择谁应该看到此营销活动。

  • All users: 向所有人显示营销活动,不进行筛选。
受众步骤,已选择 Target audience,显示 Use existing segment 和 Use custom conditions 选项
  • Target audience: 仅向匹配细分或自定义条件的用户显示营销活动。将出现两个子选项:
    • Use existing segment: 从列表中选择一个已保存的 segment。如需在不离开向导的情况下创建一个,请点击 Create segment。
    • Use custom conditions: 通过添加 Tag、Event、Segment 或 User ID 的筛选条件来内联构建受众。
已选择 Use existing segment,选中了 Active Users 细分,并显示 Create segment 按钮

完成后,点击 Next。

配置显示设置

Anchor link to

设置此营销活动的显示时间、频率和位置。

CSS 选择器

Anchor link to

此字段仅适用于 Inline 营销活动。Inline 营销活动显示在页面的某个块内,CSS 选择器用于告诉 Pushwoosh 是哪个块。

  1. 在 CSS selector 中,输入营销活动要放置到的页面元素的选择器,例如 #newsletter-signup。请使用一个简单选择器:标签、#id、.class 或 [attribute],不要嵌套。

  2. 在该字段下方,Pushwoosh 会显示需要添加到页面的元素,例如 <div id="newsletter-signup"></div>。请让您的开发人员将其添加到营销活动应显示的位置。

    CSS selector 字段设置为 #newsletter-signup,下方显示需要添加到页面的元素和提示

营销活动会显示在页面上第一个与选择器匹配的元素内。如果页面上没有匹配的元素,营销活动就不会在该页面上显示。

使用 Automatically on page load 时,每次加载包含匹配元素的页面,Inline 营销活动都会显示。

Show popup 或 Show campaign

Anchor link to

选择营销活动的显示方式。在 Popup 营销活动中,该字段名为 Show popup;在 Inline 营销活动中,该字段名为 Show campaign。

  • Automatically on page load: 营销活动会在符合其设置的页面上自动显示。
  • Only via WebSDK call: 营销活动不会自动显示,而是由您的网站通过调用 Web SDK 来显示。向导会显示带有营销活动代码的调用,例如 Pushwoosh.moduleRegistry.webPopups.show('CAMPAIGN_CODE')。需要 Web SDK 3.63.0 或更高版本。

使用 Only via WebSDK call 时,向导会隐藏 Display delay 和 Show on pages,因为来自您网站的调用会忽略这两项设置。

显示延迟

Anchor link to

此设置适用于 Automatically on page load 显示的 Popup 营销活动。选择页面加载后 Web popup 最早何时可以出现。

  • 立即
  • 3 秒后
  • 5 秒后
  • 10 秒后

此设置仅适用于 Popup 营销活动。在 FREQUENCY 下,选择访问者看到此 Web popup 的频率:

  • Once per visitor: 访问者在该浏览器中最多只能看到一次弹出窗口,即使在新标签页中也是如此。
  • Once per session: 访问者在每个浏览会话中只能看到一次弹出窗口。如果他们在会话结束前关闭标签页并返回,弹出窗口不会再次出现。
  • Every visit: 访问者每次加载匹配的页面时都会出现弹出窗口。
显示设置,包含显示延迟、频率、设备和在页面上显示选项

在 Device 中,选择营销活动在哪些设备上显示:所有设备、桌面设备 或 移动设备。

推送权限

Anchor link to

在 Push permission 中,根据访问者是否在此浏览器中允许了 Web 推送通知,选择哪些访问者可以看到营销活动:

  • All visitors:所有人,无论其推送权限如何。这是默认选项。
  • Not asked yet:浏览器尚未请求推送权限的访问者。可用于邀请他们订阅的提示。
  • Subscribed:已允许推送通知的访问者。
  • Blocked:已阻止推送通知的访问者,例如用于说明如何在浏览器中重新允许通知。
  • Push not supported:浏览器无法接收 Web 推送通知的访问者。可用于提供其他渠道,例如电子邮件表单。
显示设置,Device 设置为 All devices,Push permission 设置为 Not asked yet

Review 步骤会在设备旁边显示您选择的选项,格式为 Push permission: 加选项名称。

访问者的浏览器会在营销活动即将显示时检查权限。如果访问者在页面上允许或阻止了通知,不再匹配的营销活动会被移除,而开始匹配的营销活动会在下次页面加载后显示。

在页面上显示

Anchor link to

选择营销活动可以在哪些页面上显示。使用 Only via WebSDK call 时,此设置会被隐藏。

所有页面
Anchor link to

在网站的每个页面上显示营销活动。要使其不在某些页面上显示,最多可添加 10 个排除项:

  1. 点击 + Add exclusion。
  2. 输入页面路径。
  3. 选择路径的匹配方式:Exact match 或 Starts with。
页面路径行,包含 Exact match 和 Starts with 下拉选项
指定页面
Anchor link to

仅在您列出的页面上显示营销活动。您最多可以添加 10 个页面:

  1. 点击 + Add page。要删除一行,请点击 ×。
  2. 输入页面路径。
  3. 选择路径的匹配方式:Exact match 或 Starts with。
在页面上显示步骤,已选择指定页面,并有添加页面行,列出包含的页面路径

点击 Next 继续。

输入页面路径
Anchor link to

路径告诉 Pushwoosh 一条规则涵盖哪些页面。排除项和指定页面适用相同的规则。

输入内容

  • 输入域名之后的路径,例如 /pricing 或 /blog/intro。
  • 路径可以包含任何字母表的字母、数字、空格以及字符 - _ . ~ ! $ & ' ( ) * + , ; = : @ /。
  • 路径区分大小写,因此 /Pricing 和 /pricing 是不同的页面。

粘贴完整地址

您也可以粘贴浏览器地址栏中的完整地址或已编码的路径。Pushwoosh 会移除域名、查询字符串和片段,然后以解码后的形式保存路径,并保留大小写。例如:

您输入的内容Pushwoosh 保存的内容
https://example.com/Catalog/?sort=price/Catalog/
/caf%C3%A9/café

匹配类型

匹配类型决定路径涵盖哪些页面:

匹配类型涵盖的页面
完全匹配仅路径与您输入的内容完全相同的页面。/pricing 不涵盖 /pricing/ 或 /Pricing。
以此开头路径以您输入的内容开头且大小写相同的所有页面。/blog 涵盖 /blog/intro,也涵盖 /blog-news,因此请输入 /blog/ 以仅涵盖博客部分。

审核营销活动

Anchor link to

Review 屏幕总结了以下内容:

  • 内容: 附加的网页内容。请参阅选择网页内容。如果营销活动仍然链接到旧版订阅表单而不是网页内容,则此处会显示该表单的名称。
  • 受众: All users,或带有选定细分名称或自定义条件的 Target audience。
  • 显示设置: 设备、营销活动显示的页面(包括匹配类型和任何排除项)、延迟和频率。

在任何块上使用 CHANGE OPTIONS 可跳回并编辑该部分。

Preview 区域显示内容在示例视口上的外观。如果需要调整基础内容资产,请使用 EDIT CONTENT。

审核步骤,包含内容、受众和显示设置摘要、更改选项和预览区域

当一切看起来都正确时,点击 Complete setup。

然后从菜单中选择一个选项:

  • Launch campaign… 会在您输入营销活动名称并确认后激活营销活动。对于 Inline 营销活动,随后会打开 Embed code 对话框,显示需要添加到页面的元素。之后,您可以通过营销活动行菜单中的 Get embed code… 再次打开该对话框。

    Embed code 对话框,显示需要添加到网站的 id 为 newsletter-signup 的 div 元素
  • Save as draft… 保存营销活动但不激活它。如需稍后上线,请前往 Campaigns → Web campaigns,打开草稿所在行的三点菜单,然后选择 Activate campaign…。如需先更改设置,请在同一菜单中选择 Edit campaign…。

要从列表中搜索、筛选和管理营销活动,请参阅查看和管理营销活动。