Yesterday, I asked on Twitter what other marketers use to see how each screen size converts. This is very important for two major reasons:
- See if your mobile version of your landing page is receiving the correct monitor sizes.
- See at what dimensions your responsive design should adjust at.
Knowing this information will show you how much conversion rates will vary by each screen size. Larger screen sizes may need larger font sizes and image sizes.
Before getting into the code, here’s my disclaimer: Backup everything. I’m not responsible if this code causes any negative results. I’m not an expert programmer. This code makes use of the c4 variable. If you’re already using all of these “c” variables, you’ll have to program additional “c” variables (which is not shown in this tutorial).
1) Open: tracking202/static/landing.php
2) Change line 18 to:
var c4 = screen.width+'x'+screen.height;
Now you can see these stats at Overview > Group Overview, by selecting from the drop downs:
Here’s an example of what you may discover:
I’ve excluded the financial aspects, but so far my mobile page is getting a lot of non mobile users (the 1024’s and greater). This is something that I need to fix in order to maximize my conversion rate.
Side note: You can track more than just screen resolution by tweaking the c1-4 variables too (such as different browser components).
Side note 2: Line 22 of the above code shows the ‘resolution’ variable, but I couldn’t find it being recorded in MySQL, and it’s also not an option in the Group Overview so I just made it a ‘c’ variable for a quick solution.