Add Sitemeter Code in Efficient, Optimized and Beautiful way
Are you using free sitemeter stat counter code? If yes, then you may have faced the problem of visible sitemeter image appearing on the page. Here I am not going to tell, how to hide or remove this image, as this image appear for free account, so think of it as part of agreement.
I use statcounter code for my site tracking along with Google Analytics code. Just to check sitemeter analytics, I have removed statcounter code to avoid extra load on my blog and added sitemeter code. I got a surprise that I cannot hide sitemeter image in free version whereas in statcounter I can do this. In free version of statcounter, users have a choice of tracker's image.
Lets come to the point of adding sitemeter code in efficient, optimized and beautiful way. This code in inspired by new Google analytics code. So, if Google Analytics code is working then this code will also work.
Here is what I got when I signup for sitemeter account:
First copy this code in your text editor:
Now, search for "document.getElementById('sitemeter'))" in second block of code snippet. Here sitemeter is the id of DIV element. Write a div element where ever you want your image to appear on your page.
At the place you have added the above div element, your sitemeter stat counter image will appear there. Now, you are ready to go and add your version of sitemeter, which is beautiful, optimized and efficient. The code style used above is same as the Google is using for new Google Analytics tracking code.
See where I thought to add image for sitemeter:
For learning more about website performance: