How to Track Blogger.com Pages (Part II)

OK. So now we know how to add a tracker to the blog template. That's nice and clean and it's under the radar. If folks don't look at the code, they won't know the tracker code is there. The problem is that it's pure HTML and it won't give us the level of detail that we could get with a JavaScript counter. That's where the gadgets come in.

First off, let's create some tracker code.

1. Log in to the WunderCounter
2. Choose Generate HTML -> Counter & Tracker Code
3. For this example, I'm going to choose an Odometer style counter. You can select whatever style suits you best, whether that's graphical or invisible.
4. Copy the code to your clipboard
   

So, we've got our code. Now, let's look at the blogger end of things.

1. Make sure you're logged in and able to edit your blog
2. Choose the Settings tab
3. Select Page Elements if it's not already selected
4. Click Add a Gadget
5. Choose HTML/JavaScript from the list of available gadgets
   
6. Now, you'll need to add a title and content for your gadget. For this example, I've given my gadget a title of WunderCounter
7. Now paste your tracker code into the content box
8. Click the Save button and you're done

You should now have a WunderCounter gadget which appears on your blog pages and tracks your visitors with referring URLs and all of that other good stuff.

If you want your tracker to be a little less obvious, you can rename the gadget and add some other content to the content part of the box. Another possibility is that you can add the tracker code to one of your other gadget boxes. In my case, I'm happy to let people know that there is a tracker on the page, so I'm not going to put any effort into concealing it, but it's certainly not difficult to do if that's important to you.