StatCounter on Blogger/Blogspot

We have been receiving a HUGE volume of support tickets lately from members who are having trouble installing StatCounter on Blogger (previously known as Blogspot).

Installing StatCounter on Blogger/Blogspot is really quick and easy… when you know how! So we’ve decided to post step-by-step instructions here for anyone having trouble…

First Things First…

It’s really important to choose Blogger/Blogspot as your Blog/Web Page Editor when generating your StatCounter code – see the screenshot below taken from StatCounter – so please don’t forget!

Now let’s get on with how to install your StatCounter code on Blogger/Blogspot…

Step 1
Log into your Blogger/Blogspot Account and go to the “Layout” area of your blog. To do this, click the “Layout” link in your Blogger/Blogspot Account as indicated in the picture.




Step 2
We need to add a “gadget” to your Blogger/Blogspot Account. Click one of the “Add a Gadget” links at the bottom or to the right of your blog layout area (as indicated in the picture). (Note from the screenshot that we are in the “Page Elements” tab of the “Layout” area.)




Step 3
Clicking “Add a Gadget” opens a new window similar to the one pictured below.

Scroll down through the list of Basic gadgets to find the HTML/Javascript gadget as shown in the picture below. Click the text (that says HTML/JavaScript) to add the gadget to your blog.




Step 4
When you add the gadget to your blog, the gadget will open in a new window as shown below. Paste your StatCounter code into the white space indicated by the red arrow (below) and click “Save” to close the gadget window.

(Note you must paste your StatCounter code here – typing the word “StatCounter” is not sufficient!!)

Click “Save” again back in the “Layout” area of your blog (see Step 2 above) and that’s it!

Your StatCounter will now begin recording visitor information and, if you chose the visible option, your counter will be visible on your blog!

(Of course if anyone is STILL having trouble with installing StatCounter on Blogger/Blogspot please log into your StatCounter account, click the “Support” link and submit a ticket to us so that we can help you further. 😉 )

77 Comments

  1. Hehe, nice tutorial, although the process is really very easy.

    @Jose Achada
    I just used the Default code for Blogger as well. It seems to be working just fine. Suppose these choices are not for different versions of the counter code, but just so you’d be shown a different tutorial.

  2. Thx for the help…the 1st code is easy to install no pb.
    How do I install the 2nd code, the one called “other page”
    I don’t get where to copy it so it can tag the right page ?
    Could I tag a link ?
    I’m going to keep on searching anyways

  3. Hi

    My control panel in blogspot doesn’t look like this or provide the same options.

    I did paste it into the code so I think it will be ok.

    Just wondering why it doesn’t match?

    xx

  4. I am an MIT gradjit and for the last several years have been designing technical training for engineers and plant technicians.
    I congratulate you on your “How to” guide for installation. It’s clear, and allows drilldown as desired if one doesn’t get the explanation at the first level. Superb work.

  5. Pingback: Refinance Home Mortgage ( Zhou Ding Wei I Will Not Sing Avenue Part 3)
  6. I installed it on my blog at the begining of this week and it’s working perfectly. Thanks!

  7. I haven’t installed StatCounter on Blogger yet but I will remember this post when I do………thanks guys for the info.

  8. Sorry for doubling comments, but i need help with WordPress since i’m unable to insert your code.

    StatCounter Team Response:
    Check out this post about WordPress Jose – it should help!
    http://blog.statcounter.com/2008/01/official-wordpress-plugin-for-statcounter/

  9. I can’t believe this was needed. Couldn’t have been simpler!

    StatCounter Team Response:
    The thing is Leigh that everything is easy when you know how!

    We’re delighted to hear that you could install StatCounter without a problem, but many of our members are very new to the internet and need that extra helping hand… which we are happy to provide!

  10. Blogger had recently made some changes to its structure due to which a lot of people were not able to Add new Gadgets. This might explain a sudden huge volume of support tickets.

  11. Thankfully I’ve had no problem installing the counter. It’s a brilliant tool. I like the tutorial you’ve included here…well laid out & clear.

  12. I like your Blog thing. Especially when you use it to highlight important topics, discuss interesting news that’s good for everybody. That’s a pretty wise manner to use a Blog.

    Taking some tips of my own from this.

  13. Hi,

    I wonder why we must select Blogger/Blogspot in the Installation Options (First Image). I din’t did that and it’s working perfectly.

  14. Thanks for the steps, I had always just stuck it in the HTML of the site but the footer option is a lot easier…thanks for the tip.

  15. Thank you for the steps.

    I know Live Spaces has their own stat system and it is 100 times less helpful than Stat Counter. It rarely shows the referrer.

    Has anyone figured out how to insert SC code for Live Spaces without having to insert it in each separate post?

    StatCounter Team Response:
    Hi Danny!

    Here’s what you do to add StatCounter to Live Spaces:

    In the top left of your Live Spaces page click “More” beside where is says “Someone’s Space”.

    Click “Add Other Modules”.

    Scroll down and under “Other” choose “Custom HTML” and click “Save” to add the module to your site.

    Now you edit your “Custom HTML” module and paste in your StatCounter code in the body of the module. (Note Live Spaces only allows the HTML only StatCounter code – no javascript!)

    That’s it!

Comments are closed.

Try Statcounter free for 30 days

No credit card required. Downgrade to the free plan anytime.

Try it for FREE!