During recent years, the use of JavaScript has become a norm on the Internet. However, not everybody searches the Internet with JavaScript enabled. According to data released by Yahoo!, around 2% of users in United States search the Internet with JavaScript disabled. This figure may sound small, but if we consider that number of Internet users in the U.S. was almost 240 million in 2010, we realize that we’re probably missing out on the opportunity to track millions of potential visitors, and that’s just in the U.S.! On mobile phones and in underdeveloped countries, that percentage is likely even greater.
The traditional solution
Google Analytics offers server-side libraries capable of tracking all visitors, but I was never able to correctly set up this code. Many other developers had similar trouble, and Google’s support and documentation was not helpful at all.
I wasted hours trying to make this work, but was unable to do so — until I found workaround. I found a website (http://nojsstats.blogspot.com) that offers a similar service you can use to track users without JavaScript. It’s both free and easy to use.
Note: After days of trying, I finally figured out what’s was going on with Google’s server-side libraries. In order for them to work, your PHP configuration has to allow usage of absolute URLs in the file_get_content and fopen functions. To be exact, in order for Google’s code to work, allow_url_fopen has to be set to “On.” However, my web host doesn’t allow me to change PHP configuration. If you are able to change PHP settings on your server, I suggest you to use Google’s libraries instead of the workaround I detail below.
The workaround
1. Open a Google Analytics account and find your tracking ID
If you don’t already have an account, you’ll need to set up Google Analytics. Your tracking ID is in the format UA-xxxxxxxx-y; you get it when you add a new property (website) to analytics. You can find the ID on the “Tracking Info” tab of the Admin page:
Note: The text from here on can be confusing for readers without any programming experience. If you’re one of them, you might want to skip past the details and simply view the quick summary at the end of this post. If you’d like to know the details of the code I developed to track visitors with JavaScript disabled, continue reading.
2. Add this image tag to each page you want to track
After you open your Google Analytics account, you just need to add the following image tag to every page you want to track:
where UA-xxxxxxxx-y is your tracking ID, your-page.com is the address of the page being tracked, and www.the-referer.com is the address of the referring page. It’s okay to have hard-coded values if you want to track one page, but usually you want to track entire website. With the magic of PHP or any other server-side programming language, you can make this image tag dynamic. I prepared some code for you to do this job:
Just substitute your tracking ID and you can use this code without further modification on every page of your website. You can also include it in templates if you use Wordpress or any other CMS. It will dynamically retrieve the user’s current location and referrer.
This bit of code deserves a bit more explanation:
&dummy=” />
When someone visits your page for the first time, their browser will request the image and the visit will be registered. However, as browsers cache images, when that person visits the page again the visit won’t be registered. No request to the server would be made, because the cached image would be loaded instead. To prevent that, we need to make the image non-cacheable. One way to do that is by adding these lines of code to the top of your page:
However, adding these no-cache headers will hurt the performance of your website. Fortunately, there is a workaround. I found a great Q&A on Stack Overflow, which explains how to make a single image non-cacheable. I added that fix (shown in red below) to the code to improve performance:
3. Test
When you finish setting up the code, you should make sure the tracking works. Visit your website, and then pull up the Google Analytics real-time report. If you see active visitors, you’re good. If not, check everything and visit the page from a different browser — the image may have been cached before you made it non-cacheable. You should see something like this:
4. Combining regular analytics code with the workaround
You can combine regular Google Analytics tracking code with this workaround by wrapping the image tag with
