utag.sync.js & Single Page Apps

[Anonymous]

Sync vs Async makes perfect sense in the world of multipage sites, but how does it play out in a Single Page App (ajax type stuff) site?

Can I reload utag.sync.js during each view of the single page app? Or am I better rigging up something using the traditional utag.js?

[Seth]

Generally speaking, we recommend using the utag.view() and utag.link() functions for anything to do with AJAX content (https://community.tealiumiq.com/t5/Tealium-iQ/AJAX-Tracking-in-Tealium/ta-p/14034).

The utag.sync.js file is meant to be a container for synchronous code, but it's not our best practice as loading resources synchronously brings the risk of page load failure. However, if you have something specific you're trying to accomplish, I'd recommend contacting your Tealium account manager.

Thannks,

Seth

[craig_rouse · Accepted solution]

Additionally, you most certainly wouldn't want to reload utag.sync.js, because it is likely to contain document.write statements, which would be catastrophic for a single page AJAX app - the page would most likely be wiped out completely by the document.write calls. utag.sync.js should only be implemented once per page, and in the head only. (I'm assuming this is a true single page app with no "reload" between page views).

Hope this helps.