向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。

其他资源

在此页面上