This article explains how to enable navigation timing data, which you can use to measure the performance of a website.
Enable navigation timing data
Update your Tealium Collect template to the latest version of the template.
Set the sampling rate for the percentage of traffic you’d like to gather information.
The sampling rate is exclusive to the event data being collected, meaning if sampling is set to 5% Tealium will still trigger 100% of event data to AudienceStream, EventStore, and/or EventDB (Tealium Collect).
Save/Publish the update.
The following data points are captured within the Tealium Collect tag:
timing.domain= The domain where the timing data was collected
timing.pathname= The path name (web page) where the timing data was collected
timing.query_string= The query string value in URL where the timing data was collected
timing.timestamp= The date and time when the timing data was collected (epoch time of client’s web browser)
This data is stored in local storage in key
On the next page load, local storage is read and the data is added to the Data Layer.
We can’t send the Navigation TIming data on the same page event call because we don’t have all the data. For example, we don’t have timing data for the load event because most likely we’ve fired the Collect tag on the
interactive event. This means we would have to trigger another call, effectively doubling, which effects the number of events set in the contract. Therefore, we send on the next page view to prevent a negative effect to the event count of the contract.
To declare the data sources in EventDB, perform the following steps:
- Navigate to iQ Tag Management > Data Layer.
- Click the Add Data Source drop-down menu and select Bulk Import Data Sources from CSV
- Paste the following into the interface:
"timing.domain","UDO Variable","","www.tealiumecommerce.com" "timing.pathname","UDO Variable","","/" "timing.query\_string","UDO Variable","","" "timing.timestamp","UDO Variable","",1459274326166 "timing.dns","UDO Variable","",75 "timing.connect","UDO Variable","",1 "timing.response","UDO Variable","",1 "timing.dom\_loading\_to\_interactive","UDO Variable","",3987 "timing.dom\_interactive\_to\_complete","UDO Variable","",3570 "timing.load","UDO Variable","",2 "timing.time\_to\_first\_byte","UDO Variable","",1002 "timing.front\_end","UDO Variable","",7570 "timing.fetch\_to\_response","UDO Variable","",1082 "timing.fetch\_to\_complete","UDO Variable","",8653 "timing.fetch\_to\_interactive","UDO Variable","",5083
This will declare the data sources so visualization tools have access to the data. This step is not needed for EventStore.
Here is a sample report where you can see how long pages are taking to load. For example, if you have requirements that pages must load in under 3 seconds (3000 milliseconds) then you know the “Chelsa Tee” and “Tealium Ecommerce Demo” pages need improvement.
Thank you for your feedback!
This page was last updated: January 7, 2023