Available on http://beacon.iih-tools-analytics.appspot.com/UA-XXXX-X/demo?flat
Original readme below:
Sometimes it is impossible to embed the JavaScript tracking code provided by Google Analytics: the host page does not allow arbitrary JavaScript, and there is no Google Analytics integration. However, not all is lost! If you can embed a simple image (pixel tracker), then you can beacon data to Google Analytics. For a great, hands-on explanation of how this works, check out the following guides:
- Using a Beacon Image for GitHub, Website and Email Analytics
- Tracking Google Sheet views with Google Analytics using GA Beacon
First, log in to your Google Analytics account and set up a new property:
- Select "Website", use new "Universal Analytics" tracking
- Website name: anything you want (e.g. GitHub projects)
- WebSite URL: https://ga-beacon.appspot.com/
- Click "Get Tracking ID", copy the
UA-XXXXX-X
ID on next page
Next, add a tracking image to the pages you want to track:
- https://ga-beacon.appspot.com/UA-XXXXX-X/insert/any/path
UA-XXXXX-X
should be your tracking IDinsert/any/path
is an arbitrary path. For best results specify a meaningful and self-descriptive path. You have to do this manually, the beacon won't automatically record the page path it's embedded on.
Example tracker markup if you are using Markdown:
[![Analytics](https://ga-beacon.appspot.com/UA-XXXXX-X/welcome-page)](https://github.com/igrigorik/ga-beacon)
Or RDoc:
{<img src="https://ga-beacon.appspot.com/UA-XXXXX-X/welcome-page" />}[https://github.com/igrigorik/ga-beacon]
If you prefer, you can skip the badge and use a transparent pixel. To do so, simply append ?pixel
to the image URL. There are also "flat" style variants available, which are available when appending ?flat
or ?flat-gif
to the image URL. And that's it, add the tracker image to the pages you want to track and then head to your Google Analytics account to see real-time and aggregated visit analytics for your projects!
-
How does this work? Google Analytics provides a measurement protocol which allows us to POST arbitrary visit data directly to Google servers, and that's exactly what GA Beacon does: we include an image request on our pages which hits the GA Beacon service, and GA Beacon POSTs the visit data to Google Analytics to record the visit. As a result, if you can embed an image, you can beacon data to Google Analytics.
-
Why do we need to proxy? Google Analytics supports reporting of visit data via GET requests, but unfortunately we can't use that directly because we need to generate and report a unique visitor ID for each hit - e.g. some pages do not allow us to run JS on the client to generate the ID. To address this, we proxy the request through ga-beacon.appspot.com, which in turn is responsible for generating the unique visitor ID (server generated UUID), setting the appropriate cookies for repeat hits, and reporting the hits to Google Analytics.
-
What about referrals and other visitor information? Unfortunately the static tracking pixel approach limits the information we can collect about the visit. For example, referral information can't be passed to the tracking pixel because we can't execute JavaScript. As a result, the available metrics are restricted to unique visitors, pageviews, and the User-Agent and IP address of the visitor.
-
Do I have to use ga-beacon.appspot.com? You can if you want to - it's free, but there are no capacity or availability promises. For best results, deploy your own instance directly on Google App Engine: clone this repository, change the project name, and deploy your own instance - easy as that. The project is under MIT license.