在Web SDK中配置Web应用程序内消息传送支持

应用程序内消息是指通知,您可以在Web应用程序中向用户发送这些通知,可引导用户访问特定的目标点。

您可以将这些通知用于不同的目的,例如推广新功能、提供特殊优惠或帮助用户入门。

通过使用应用程序内消息,您可以有效地与受众互动,并引导他们了解应用程序的重要方面。

IMPORTANT
Web应用程序内消息传送是一种 Adobe Journey Optimizer 功能,使用Web SDK提供个性化内容。
有关如何配置Web应用程序内消息传送活动的详细说明,请参阅 Adobe Journey Optimizer文档.

先决条件 prerequisites

Web SDK标记扩展版本 extension-version

Web应用程序内消息传送功能需要最新版本的Web SDK标记扩展。

为Web应用程序内消息传递配置CSP csp

配置时 Web应用程序内消息传递中,必须在CSP中包含以下指令:

default-src  blob:;

有关配置CSP的更多信息,请参阅 专用文档.

使用Web SDK标记扩展配置Web应用程序内消息传递 tag-extension

请参阅 Web SDK标记扩展配置页面 以了解在何处可以找到下述设置。

在您拥有 已安装 web SDK标记扩展,请按照以下步骤为Web应用程序内消息传送配置该扩展。

个性化 部分,检查 启用个性化存储 选项。 此选项允许Web SDK跟踪用户在页面加载过程中看到了哪些体验。

此图像显示了标记扩展配置页面中的个性化存储选项。

Web应用程序内消息传送支持两种类型的触发器:

请参阅以下部分,以根据要使用的触发器配置Web SDK标记扩展。

的配置步骤 将数据发送到Platform 触发器 send-data-platform

选择包含Web SDK扩展的标记属性,并且 创建新规则 设置:

  1. 扩展名: 核心

  2. 事件类型: Library Loaded (Page Top)

    显示事件配置屏幕的图像。

  3. 选择 保留更改 以保存事件配置。

接下来,必须将操作添加到您创建的规则中。

  1. 在 Actions 部分,选择 添加.
    显示编辑规则屏幕的图像。

  2. 使用以下内容 操作 设置:

    • 扩展名: Adobe Experience Platform Web SDK

    • 操作类型: 发送事件

      显示操作配置屏幕的图像。

  3. 在屏幕右侧的 个性化 部分,启用 呈现可视化个性化决策 选项。
    显示个性化配置屏幕的图像。

  4. 在屏幕右侧的 决策上下文 部分,定义 / 用于在营销活动配置中使用的消息对,以符合应用程序内消息的条件。
    显示个性化配置屏幕的图像。

  5. 选择 保留更改 以保存您的配置。

接下来,必须将新创建的规则添加到标记属性库中。 为此,请转到 发布流 并选择您之前创建的规则。

显示库屏幕的图像。

将规则添加到库后,选择 保存并生成到开发环境.

显示个性化配置屏幕的图像。

配置过程现已完成,您的消息已准备好向用户显示。

使用手动触发器的配置步骤 manual-trigger

选择包含Web SDK扩展的标记属性,并且 创建新规则 设置:

  1. 扩展名: 核心

  2. 事件类型: 单击

  3. 为页面上的特定元素设置触发器,标识符为您选择的CSS选择器。

    显示事件配置屏幕的图像。

接下来,必须将操作添加到您创建的规则中。

  1. 在 Actions 部分,选择 添加.
    显示编辑规则屏幕的图像。

  2. 使用以下内容 操作 设置:

    • 扩展名: Adobe Experience Platform Web SDK

    • 操作类型: 评估规则集

      显示操作配置屏幕的图像。

  3. 在屏幕的右侧,启用 呈现可视化个性化决策 选项。
    显示个性化配置屏幕的图像。

  4. 在屏幕右侧的 决策上下文 部分,定义 / 用于在营销活动配置中使用的消息对,以符合应用程序内消息的条件。
    显示个性化配置屏幕的图像。

  5. 选择 保留更改 以保存您的配置。

接下来,必须将新创建的规则添加到标记属性库中。 为此,请转到 发布流 并选择您之前创建的规则。

显示库屏幕的图像。

将规则添加到库后,选择 保存并生成到开发环境.

显示个性化配置屏幕的图像。

配置过程现已完成,您的消息已准备好向用户显示。

使用Web SDK JavaScript库配置Web应用程序内消息传送 js-library

除了使用Web SDK标记扩展之外,您还可以直接从Web SDK JavaScript库配置Web应用程序内消息传送。

您可以通过两种方式显示来自Adobe Journey Optimizer的Web应用程序内消息。

方法1:自动获取个性化内容 automatic

要让Web SDK在页面加载时自动获取个性化内容,请使用 sendEvent 命令,如下面的示例所示。

  alloy("sendEvent", {
      renderDecisions: true,
      personalization: {
          surfaces: ['#welcome']
      }
  });

方法2:根据用户操作手动获取个性化内容 manual

要仅在用户执行特定操作后显示个性化内容,请使用 evaluateRulesets 命令,如下面的示例所示。

在此示例中,当用户单击 立即购买 按钮时,发送电子邮件给用户。

 alloy("evaluateRulesets", {
     renderDecisions: true,
     personalization: {
         decisionContext: {
             "userAction": "buy_now"
         }
     }
 });

配置个性化存储 personalization-storage

您可以选择向用户显示应用程序内消息设定的次数,或用户每次访问页面时,通过 personalizationStorageEnabled 配置选项。

Web SDK配置 设置 personalizationStorageEnabled 根据需要进行选择:

  • personalizationStorageEnabled: true 会按照您在 Adobe Journey Optimizer营销活动.
  • personalizationStorageEnabled: false 在每次加载页面时触发应用程序内消息。
recommendation-more-help
ad108910-6329-42f1-aa1d-5920a2b13636