Mobile Web App - How to Tag

[adapala_ranjeet]

Hi Team,

We are planning to develop a mobile web app(i.e. the web app will open in mobile browser). Here, we are using Adobe Analytics tool via Tealium IQ.  How can we tag mobile web app? How can we track the offline data for mobile web app? Can we use utag header and body code in mobile web app to track the offline/online data?

Please help us. Thanks for kind support!

[craig_rouse]

@adapala_ranjeet a web app is really just a mobile web site that the user can "install" on their homescreen so it looks like a real app. Therefore, Tealium's standard utag.js file will work when the app is in online mode.

When the app is in Offline mode, I would suggest writing a buffer using JavaScript that can persist tracking calls to localStorage when there is no internet connection, and then trigger utag.view/utag.link calls when the app is back online again.

Some browsers have APIs that allow you to listen for an "event" when the browser detects connectivity changes (https://developer.mozilla.org/en-US/docs/Web/API/NavigatorOnLine/Online_and_offline_events), but I suspect you already have some code in your web app to handle offline scenarios, so you could probably just hook into these events in your existing code.

I hope this helps - let me know if you have further questions.

Craig.

[adapala_ranjeet]

Thank you so much @craig_rouse. We will try "buffer using JavaScript" option for offline tracking and let you know if we face any difficulty.

Thanks for kind support!