向AAM发送数据时,使用SPA页面上的最佳实践

在此文档中,我们将介绍从Single Page Applications (SPA)向Adobe Audience Manager(AAM)发送数据时您应遵循并注意的几种最佳实践。 本文档重点介绍使用Experience Platform Launch,这是建议的实现方法。

初始注释

  • 以下项目将假设您使用Platform Launch在您的站点上实施。 如果您不使用Platform Launch,则考虑事项仍然存在,但您需要将它们调整为您的实现方法。
  • 所有SPA都不同,因此您可能需要调整以下一些项目以最好地满足您的需求,但我们希望与您分享一些最佳实践;当您将数据从SPA页面发送到Audience Manager时,您需要考虑的事情。

在Experience Platform Launch中使用SPA和AAM的简单示意图

aam in  launch

注意

如上所述,这是一个简化的示意图,说明在使用Platform Launch的Adobe Audience Manager实施(无Adobe Analytics)中如何处理SPA页面。 正如您所看到的,这是相当直接的,最重要的决定是如何将视图更改(或动作)传达到Platform Launch。

从SPA页面触发Launch

在Platform Launch中触发规则(因此将数据发送到Audience Manager)的两种更常见方法是:

  • 设置JavaScript自定义事件(请参阅示例HERE(使用Adobe Analytics)
  • 使用Direct Call Rule

在此Audience Manager示例中,我们将使用Launch中的Direct Call rule触发进入Audience Manager的点击。 正如您在下几节中将看到的,将Data Layer设置为新值会变得非常有用,这样,Platform Launch中的Data Element就可以拾取它。

演示页

我们创建了一个小的演示页面,演示如何更改data layer中的值并将其发送到AAM,就像您在SPA页面上所做的那样。 此功能可以建模,以便进行更复杂的更改。 您可以在此演示页此处找到。

设置 data layer

如前所述,当页面上加载新内容或有人在网站上执行操作时,需要在页面的头中动态设置data layer,然后调用Launch并运行rules,这样Platform Launch可以从data layer中提取新值并将其推入Audience Manager。

如果转到上面列出的演示站点并查看页面源,您将看到:

  • 在调用Platform Launch之前,data layer位于页面的头部
  • 模拟SPA链接中的JavaScript更改Data Layer,然后THEN调用Platform Launch (_satellite.track()调用)。 如果您使用的是JavaScript自定义事件而不是此Direct Call Rule,则本课是相同的。 首先更改data layer,然后调用Launch。

其他资源

在此页面上