Getting Started with StatCounter
We have created this guide to show our new members how to start using StatCounter just like our more experienced ones. Invest 5 minutes now reading this short guide and reap the rewards.
Adding a Project to your Account
At StatCounter a project is simply what is used to track your website. The first time you create your account, you will automatically directed to add a new project to your account.
The next time you want to track another website, you can simply add another project to your account. Go to "my projects" > click the "add new project" button above your current project, and simply follow the instructions.
Should I create a new project for each page of my website?
Absolutey not! We do not recommend this at all. Your website may have 1 web page or 1,000's of web pages. You will need only one project to track your entire website. You should not add a new project for every web page of your website. The system is designed to track all the web pages of your website from a single project. For example if you had 3 websites - MyPersonalWebsite.com, MyBusinessWebsite.com and MyOtherBusinessWebsite.com this would be the ideal situation for having 3 projects.
How many websites can I track from my account?
You can add as many projects to your account as you need to track all your websites. We do not impose a limit.
Do I need to sign up for another account to track another website?
Not at all. Simply add a new project to your current account.
I didn't realise I could track all my websites from one account. Very few other services offer this feature. I accidentally signed up for another account that I want to close. How do I close it?
We understand. We offer a lot of features for free even pay services don't offer. You can close any unused accounts but before you close an account. Decide on what account you want to use as your single account, then from the 'my projects' page click the 'transfer project' to transfer all your projects to one account.
Installing the Code on your Website
This is clearly the mostly difficult part of the process for many webmasters our there - as we know some of our members are still mastering their web so to speak. But it is very, very easy. And we'll help you as much as we can through each step of the way.
The easiest and safest way to insert the StatCounter code onto your page is to do it by hand using a simple text editor such as window's notepad.
You can also use HTML editors (such as microsoft front page), but keep in mind that a number of these editors actually modify your html code, thus preventing it from working properly. The following list identifies quick fixes for a number of html editors to help with the code insertion process. if the html editor you are using appears to break the StatCounter code and is not listed below, please try to use the standard insertion method
Insert the StatCounter code with a text editor (standard) :
- Log into your account
- Click the 'installation and configuration' icon
- Click the 'install code' link
- Does your website use frames?
- Your statcounter will work on both frame and non frames websites
- When inserting the code - do not insert it on the page that contains the frameset tags - it must go in the main content pages of your site - the body pages.
- With your mouse, highlight ALL the code in the box at the bottom of the page
- Press and hold down the ctrl key, keeping the key held down press the 'c' key. (this will (c)opy the highlighted text into memory)
- Using windows notepad, macintosh simpletext or any other simple text editor, open the file for the web page on which you want to install the counter (most likely, index.htm or index.html)
- note : the file must be opened in 'text mode'. in simple text editors that's the default, in others you need to specify it.
- Put the cursor just above the </body> tag (for instance, or anywhere else between the <body> and </body> tags if you know what you are doing)
- Press and hold down the ctrl key, keeping the key held down press the 'v' key. (this will paste the code on the text editor at the cursor location)
- Save your modified web page
- Upload the modified web page to your server (publish it)
... now you're finished!
insert the StatCounter code using an html editor
front page 2002
- get the StatCounter html code for your account (see the standard install)
- copy the code (highlight it with your mouse then type ctrl-c)
- edit the page in the normal pane
- insert the cursor where you want the counter to appear
- on the insert menu, click web component.
- in the left pane, click advanced controls.
- in the right pane, double-click html.
- paste the code in the html markup (click inside window then type ctrl-v)
- click on ok, save your page and publish.
front page 2000
- get the StatCounter html code for your account (see the standard install)
- copy the code (highlight it with your mouse then type ctrl-c)
- view your page in design view (default view).
- insert the cursor where you want the counter to appear
- click insert -> advanced and select "html"
- insert the StatCounter code (click in window then type ctrl-v)
- click "ok"
- save and publish your page
front page 97 / front page express
- get the StatCounter html code for your account (see the standard install)
- copy the code (highlight + ctrl c)
- open your page in frontpage express.
- place your cursor where you would like the code to be inserted, and choose insert > html markup from the top menu.
- paste (ctrl v) the code into the window, and click ok.
- the code will appear as either a graphic or graphic icon.
- save and publish your page.
microsoft publisher
- get the StatCounter html code for your account (see the standard install)
- copy the code (highlight + ctrl c)
- open your page in microsoft publisher.
- click on bottom of page
- click insert, advanced and select "html".
- place your cursor where you would like to insert the counter
- insert the StatCounter code anywhere between the <body> and </body> tags (ctrl v)
- click ok.
- save and publish your page.
netscape composer
- get the StatCounter html code for your account (see the standard install)
- copy the code (highlight + ctrl c)
- open your page in the composer window
- choose preferences in the edit menu to open the preferences tab and select composer
- in the right panel go to external editors.
- click on the button choose next to html source to select an editor
- browse and find either notepad.exe (windows) or simpletext (macintosh).
- select the application and click to open.
- you have now selected notepad or simpletext as your default editor
- click ok and close the preferences tab
- in the edit menu select html source to edit the source code in your default editor
- insert the StatCounter code anywhere between the <body> and </body> tags (ctrl v)
- save and publish your page.
aolhometown (with easy designer)
- connect to your site
- click on 'edit my pages' on aol's menu bar on top of your screen
- enter your screen name and password
- on the next screen, select the page on which you want to insert the counter
- click on 'edit'
- wait for easy designer to load
- click on the blue 'click to get started' button
- once your page has finished loading in easy designer, go to the menu bar on top of the screen
- go to insert -> advanced html
- get the StatCounter html code for your account (see the standard install)
- copy the code (highlight + ctrl c)
- paste it (ctrl v) into the new window that opened on your screen (easydesigner advanced html editor)
- make sure that the code in the easy designer window looks exactly like the code we issued
- click on 'ok'
- drag the newly created 'html object' box wherever you want the counter to appear on your page
- click on 'preview' to check your work
- if you are happy with it click on the 'save' button on the easy designer menu bar
adobe pagemill 3.0
- get the StatCounter html code for your account (see the standard install)
- copy the code (ctrl c)
- open your web page in adobe pagemill.
- place the cursor in the place that you want to put the counter code.
- choose view / source mode in the top menus.
- paste (ctrl-v) your code into the html source code.
- choose view / source mode in the top menus (this will uncheck view / source mode in the menu).
- the counter code consists of the highlighted objects.
- save your document and upload it.
dreamweaver 2
- get the StatCounter html code for your account (see the standard install)
- copy the code (highlight + ctrl c)
- open your page in dreamweaver and click on the html tab
- insert the StatCounter code anywhere between the <body> and </body> tags (ctrl v)
- ignore broken image tags
- close the window and save the changes to your page
- publish your page
dreamweaver 3
- get the StatCounter html code for your account (see the standard install)
- copy the code (highlight + ctrl c)
- open your web page in dreamweaver 3.0
- select 'html source code' from the 'window' pull-down menu
- insert the StatCounter code anywhere between the <body> and </body> tags (ctrl v)
- ignore broken image tags
- close the window and save the changes to your page
- publish your page
hotdog pro
- get the StatCounter html code for your account (see the standard install)
- copy the code (highlight + ctrl c)
- paste copied code anywhere between <body> </body> tags
- ignore red highlighted code errors
- do not attempt to edit any code!
hotmetal pro
- get the StatCounter html code for your account (see the standard install)
- copy the code (ctrl c)
- paste copied code anywhere between <body> </body> tags
- ignore any markup errors
net objects fusion
- get the StatCounter html code for your account (see the standard install)
- copy the code (highlight + ctrl c)
- open your page in net objects fusion
- click on "layout properties"
- click on the "html" button
- click on "beginning of body" tab
- insert the StatCounter code into the text box and click "ok"
- save and publish your page.
visual page 2.0
- get the StatCounter html code for your account (see the standard install)
- copy the code (ctrl c)
- go to view > source ( in menu bar)
- paste copied code anywhere between <body> </body> tags
- return to page view (view > page)
- ignore all extraneous code on page. (it will not affect how the page displays in a browser)
- do not edit or delete any code!
BBEdit (MAC)
Single Page
- get the StatCounter html code for your account (see the standard install)
- copy the code (command c)
- paste copied code anywhere between tags
- ignore any markup errors
Multiple Pages
- On Preferences/Html sites make sure that your site is registered. If not, add it
- On BBEdit, open the index document of your site
- On your browser, get the StatCounter html code for your account
- copy the code (command c)
- Open Search/Find (command-F)
- On the Search window write
|