Inspecting mobile.html

Inspecting mobile.html

by Community Manager on ‎01-04-2017 03:38 PM (238 Views)

A file named mobile.html is published when you activate a mobile profile in Tealium iQ. This file is required by the native mobile library. You can load this file directly in a browser window to inspect the behavior of your mobile profile configuration. 


1. Enter your app's mobile.html address into a browser (this method has been tested on Chrome, Safari and Firefox):

[Pattern] profile)/(a profile)/(target environment)/mobile.html



2. Inspect the page source or bring up the browsers console to do so (sample below using Firefox with the Firebug extensions):


Double-check the <head> or top-level tag to make sure the published timestamp (ut4.0.201303142021) matches the most recent publish setting within your Tealium IQ panel:

Check Tealium iQ Version Timestamp

The publishing timestamp in the mobile.html always appears after the server "utx.x..." identifier and has the following pattern: YYYYMMDDHHMM. Time is always in GMT.


3a. Inspect the 'mps' Javascript variable to view the remote mobile publish settings for the 4.x and 5.x native app libraries:




3b. If using a 3.x version of a Tealium mobile library - Inspect the <body><script> tag for the nativeAppLiveHandlerData variable to see the raw form of any iOS Live App Handler extensions you set in Tealium IQ (sample below from Firefox with Firebug extensions inspecting the mobile.html DOM):


4. To make sure the mappings are correct, you can inject code directly into the browser console (sample from Firefox with Firebug extension):


[Sample] utag.track('view',{ "screen_title": "MainMenu" }, function() {TealiumTaggerCallback.callback();});

If the call was successful you will see "true" returned:


5. If the analytics service you're testing against has a real-time tracker, you can verify that the call went through. (below sample is from Google Analytics):