This document describes several best practices for sending data from single-page applications (SPA) to Adobe Audience Manager (AAM). This article focuses on using Experience Platform tags, the recommended implementation method.
As stated, this is a simplified diagram of how SPA pages are handled in an Adobe Audience Manager implementation (without Adobe Analytics) using Platform tags. As you can see, it is fairly straight-forward, with the big decision being how you are going to communicate a view change (or an action) to Platform tags.
Two of the more common methods for triggering a rule in Platform tags (and therefore sending data into Audience Manager), are:
In this Audience Manager example, you use a Direct Call rule in Platform tags to trigger the hit going into Audience Manager. As you’ll see in the next sections, this becomes useful by setting the Data Layer to a new value, so that it can be picked up by the Data Element in Platform tags.
Here is a small page that demonstrates changing a value in the data layer and sending it into Audience Manager, as you may do on a SPA page. This functionality can be modeled for more elaborate changes needed. You can find this demo page HERE.
As mentioned, when new content is loaded on the page or when someone performs an action on the site, the data layer needs to be set dynamically in the head of the page BEFORE Platform tags are called and runs the rules, so that Platform tags can pick up the new values from the data layer and push them into Audience Manager.
If you go to the demo site listed above and look at the page source, you will see: