
Monitoring and analysing the size of the browser windows of your visitors is crucial for you to optimise the experience, design and conversion rate of your site. More than ever with the advent of responsive web design. This plugin gathers viewport data and stores it in Google Analytics.
Using a javascript event triggered by the onload event, this plug in measures the browser viewport size of your visitor’s browser and sends the result to your Google Analytics account as an event.
You must have the asynchronous Google Analytics tracking script installed on your site and use _gaq as the object name.
The template you are using must support the body_class filter hook introduced in wordpress 2.8
Details on the technique behind this solution can be found here http://beantin.se/post/354097397/track-viewport-google-analytics
To view the results, log in to your Google Analytics account (but wait a day for GA to process the data) and look at Content -> Events -> Top Events.
In that report you will see and event called “Viewport” with three actions; “Width”, “Height”, and “Size”. The label within the action “Size” shows the exact dimensions of the browser viewport size of each visitor to your site.
Download & install the zip archive
The plugin package installer can be downloaded from the WP2E project tab called “code”.
1 – Select the version to download if this option is available otherwise the “latest” version of the main plugin will be used.
2 – After downloading the zip archive install the plugin package installer in you local environment and activate the script from the plugin list.
3 – Under the section “Plugins” of the admin dashboard you should see a new “Dependencies & Licenses” link. Follow the instructions from this panel to finalize the installation of the missing dependencies.
Tips: Use the WP2E panel to add/suggest new dependencies to the local installation. Press F5 in the list of dependencies if the changes are not displayed right away.