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 on “StatCounter on Blogger/Blogspot

  1. 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!

  2. 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.

  3. 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.

  4. 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.

  5. 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.