Monday, June 21, 2010

Add visitor counter (statcounter) to blog

There are many free counters - Statcounter, site meter, Google Analytics. I prefer Statcounter as there is a choice of visible and invisible counter and it gives me just the statistics I need. I feel Sitemeter is more for giving nice graphs and Google Analytics gives too much statistics, only invisible counter and I think more for those e-Commerce website and those who use AdWord for advertising.

I will describe how to add Statcounter to your blog. First to to Statcounter and sign up for an account. Sign in and then click "New project" (see screen shot below):

Statcounter new project

Get the URL of your blog. If you do not know how, refer to what is URL and how to get it and how to get URL of own blog. Copy and paste URL from clipboard into the box for "Website URL". Type the blog title in the first box. Click on the down arrow of "Category" and select a suitable category. Click "Next".

Statcounter new project

In the next page, click "Configure and Install Code":

statcounter install code

After clicking "Configure and Install Code", in the next page, you will have to chose between a visible counter and an invisible counter. We will chose invisible counter because it involves less steps. You may chose a visible counter (first choice) if you want.

statcounter invisible counter

At the bottom, click NEXT. In the next page, tick "Yes I use" and then click the down arrow. Select "Blogger" (see screen shot below):

Statcounter choose Blogger

Click "Next" at the bottom, and the script for the visitor counter will be given in the next page. Click inside the box and the whole script will be highlighted. Press ctrl+C to copy script into clipboard.


Blogger / Blogspot - StatCounter Code Installation Instructions

  1. Copy the StatCounter code.
  2. Log into your Blogger / Blogspot blog.
  3. Go to the layout area.

    Blogger - Layout
  4. 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.)

    Blogger - Add a Gadget
  5. Clicking “Add a Gadget” opens a new window similar to the one pictured below.

    Blogger - Add a Gadget Window
  6. 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.

    Blogger - HTML/Javascript Gadget
  7. Paste the StatCounter code into the content section of the gadget.

    Blogger - HTML/Javascript Gadget
  8. Click "Save" and that's it!
(Source:www.bloggertipsandtricks.com)

0 comments:

Post a Comment

 
Free Host | new york lasik surgery | cpa website design