在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应用程序内消息传送的扩展。

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

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

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

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

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

选择包含Web SDK扩展的标记属性,然后使用以下设置创建新规则

  1. 扩展: 核心

  2. 事件类型:已加载库(页面顶部)

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

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

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

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

  2. 使用以下​ 操作 ​设置:

    • 扩展:Adobe Experience Platform Web SDK

    • 操作类型: 发送事件

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

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

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

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

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

显示库屏幕的图像。

将规则添加到库后,选择​ Save & Build to Development

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

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

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

选择包含Web SDK扩展的标记属性,然后使用以下设置创建新规则

  1. 扩展: 核心

  2. 事件类型:点击

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

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

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

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

  2. 使用以下​ 操作 ​设置:

    • 扩展:Adobe Experience Platform Web SDK

    • 操作类型: 评估规则集

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

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

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

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

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

显示库屏幕的图像。

将规则添加到库后,选择​ Save & Build to Development

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

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

使用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