Analytical Insights for Virtual Page Views
After creating the script and installing all of the tracking through the tag management system, I can use Google Analytics and the Real Time menu option to view the events. This view provides at-a-glance analytical insights to what users are currently up-to on the site.
I’m trying to develop insights for virtual page views to help sales convince the advertisers to want their ads placed on this real estate website. A key to the insights of the website is in the Neighborhoods section. I want advertisers to place their ads at the top of these pages for a premium rate, mid-page for a little less of a premium charge and at the bottom for the lowest advertising cost. Site visitors scroll the neighborhood pages to read relevant information about the specific neighborhood they are interested in. If I drill down on the GA Real Time events I can see exactly what information (virtual page articles) the user’s are reading over the last 30 minutes.
The event labels tell the story about the user’s scrolling and that translates to how far down the page they scroll. As you may be able to surmise from looking at the table and graph above, the further down the page an article is, the fewer views it received.
For deeper analytical insights I want to discover more than just the obvious, “what virtual pages were viewed; how far did the user scroll down the page.” Selling advertisers on the value of their ad position should be easy enough with just simple scroll tracking, but with this custom scroll tracking script I can discover more than simple virtual-page-view metrics.
What we can know, and learn from the user’s scrolling behavior:
- Does scroll depth correlate to conversion rate?
- How much time was spent scrolling from section to section?
- If a user clicks to the neighborhood landing page what percentage of the page did they view?
- What percentage of users click the call-to-action at the bottom of the page?
- What testing can be done to increase scrolling depth?
Using my data management tools (anlyticsAndDataScience.com) I can build a custom analysis table for discovering insights to each of these questions. Once I build the custom analysis data with the kpi collectors in the columns, it’s a simple matter of filtering the landing page for ‘/neighborhoods’ so the view data is precisely at the granular level I’m analyzing.
Developing the virtual page view tracking.
Within the script I have the opportunity to define the scroll depth by percentages. For this example there are five segments to the page (options.percentage ) so I’m tracking by quintile: 20%, 40%, 60%, 80%, and 100%. In the script I will set the page depth to identify the first virtual page read at 20%. Here’s what I have for tracking triggers:
Any landing page in the ‘/neighborhoods/’ file of the website will fire the scroll-tracking-listener. The list of virtual page names in the neighborhoods are:
Housing = Fires at 20% page view
The Market = Fires at 40% page view
Living Here = Fires at 60% page view
Things to Do = Fires at 80% page view
Stats and Facts = Fires at 100% page view
To build these tracking events into the TMS I need to define four custom variables as shown below.
Each of these four variables are a Data Layer Variables and you will follow these five steps to create each one.
- Name the Variable (eventAction, eventCategory, eventLable, and eventValue)
- Select the Data Layer as the variable type.
- Define the Data Layer Variable Name (eventAction, eventCategory, eventLable, and eventValue)
- Select Version 2 for the version.
- Save the variable
Once the custom variables have been created it’s time to set the triggers for the scroll tracking. For this real estate case study I only want to track page depth so I’m going to create two triggers. First I’ll set the Scroll tracker to fire on any page in the ‘/neighborhoods’ folder of the website. Second I will exclude the pixel depth tracking that is defined in the custom script that I’ll get to in just a few minutes.
Create a Page View event:
- Name the trigger, Scroll Tracker
- Set the trigger type to ‘Page View.’
- Define the trigger to fire on a Page URL that contains the web site folder.
- Save the trigger
Create the pixel depth filter:
- Name the trigger, “Scroll Distance.”
- Set this to a ‘Custom Event’ trigger
- Fire on the ScrollDistance event name
- Set the eventAction to not contain Pixel Depth
- Save the trigger
The only thing left to do is the creation of the tracking Tags. I want to track these events in Google Analytics (GA) so I will create one Tag to send the custom variable data to GA. I will set the calculations and data layer information in a custom HTML tag with a java script.
Setting the GA Scroll Depth tracking:
- Name the GA Tag “Scroll Depth”
- Choose Universal Analytics as the Tag Type
- Select track type to ‘Event’
- Set the category, Action, Label, and Value to the custom variables created earlier.
- Set the Fire On to the “Scroll Distance” trigger created earlier
- Save the Tag
All that’s needed now is the Tag containing the custom java.
You can get the scroll tracking script here.
Create the TAG for a custom HTML and paste the script.
- Name the Tag “Scroll Tracker”
- Select the Custom Html product
- Paste the scroll tracker script into the html
- Select the Scroll Tracker trigger created earlier
- Save the TAG