I'm working across a site under an angular/ajax framework, and I'm wondering what the best practice is for dealing with this kind of site. In the past under straight s_code I've asked the dev team to populate contextData/custom variables and execute an s.t() with clearVars if needed each time the content loads, triggering a virtual page load. I'd then in my s_code have a bunch of rules and switch statements to set the appropriate props/eVars/events.
Now using DTM, I can see how I could ask for a new js 'analytics' object that captures data like analytics.page and analytics.tool within data elements, however I'm unsure of how to trigger this capture on a location change within the ajax site.
I've looked at the 'element exists' or 'enters viewport' options, such as #location and id="pagename", but I believe I'd then need to set this across each page, and it's a pretty large site 🙂
So, what is the best way of using DTM's functionality to efficiently tag up an ajax/angular based site?