Installing Web-Stat on your site

step-by-step instructions

What do I need to do ?

For traffic analysis to start you need to add a few lines of HTML What is HTML ?

HTML stands for Hyper Text Markup Language ; it is the language in which all web pages are written. If you look at a web page, what you are really seeing is an HTML file (something like index.html or index.htm) which a browser reads and displays on your computer screen in a human-readable format

Every web page is actually an HTML file. You can easily look at that file : simply hover your mouse over any text portion of the page (i.e. not a picture) then right-click and select 'View > Source' in the popup menu. A window will then open showing you the underlying HTML.

The Web-Stat code which you need to install in your site is written in HTML and as such it is advised that you access your main page's HTML, then insert the code directly into it.

(the Web-Stat code) to all of your site's pages (at least to the main entrance page if you can not install on all pages)

How do I go about it ?

Ideally the code needs to be added directly inside the page's HTML What is HTML ?

HTML stands for Hyper Text Markup Language ; it is the language in which all web pages are written. If you look at a web page, what you are really seeing is an HTML file (something like index.html or index.htm) which a browser reads and displays on your computer screen in a human-readable format

Every web page is actually an HTML file. You can easily look at that file : simply hover your mouse over any text portion of the page (i.e. not a picture) then right-click and select 'View > Source' in the popup menu. A window will then open showing you the underlying HTML.

The Web-Stat code which you need to install in your site is written in HTML and as such it is advised that you access your main page's HTML, then insert the code directly into it.

. Depending on how you go about editing your web site, the exact way to do this will vary. You will find below step-by-step instructions for a few well known editors, as well as more general instructions if your own editor is not in the list.

If you do not know how to make changes to your own site, you'll need to ask your webmaster to do the installation: simply tell him that he will find all necessary instructions at http://www.web-stat.com/code.pl, give him your account's ID, and he should be able to do the installation for you in a few minutes.

Keep in mind that in almost every case, as long as your site can be edited, Web-Stat can be installed (even if you don't have direct access to your HTML). If you get stuck, contact us and we'll help you out.

Step-by-step instructions for a few popular editors:


3DVista

A very good explanation on how to install Web-Stat on 3DVista by Shiningstarinteractive.


3DVista Instructions



Blogger.com (Blogspot)
  1. click here to open a new window containing the Web-Stat code to be added to your site
  2. copy the code
  3. go to your blog
  4. sign in shopify help 1
  5. click on the bog editor button and choose 'layout' shopify help 1
  6. click on 'Add a Gadget' shopify help 1
  7. in the popup window choose on 'HTML/Javascript' shopify help 1
  8. paste the code in the HTML window and save shopify help 1
  9. move the gadget where you want it on your page shopify help 1 shopify help 1
  10. click on 'save arrangement'

... That's it ! You can now test your installation


Dakno
  1. click here to open a new window containing the Web-Stat code to be added to your site
  2. copy the code
  3. go to the Dakno login page and login shopify help 1
  4. click on 'Plugins' in the left menu bar shopify help 2
  5. click on 'Add Plugin' the select 'General Widget - Body' shopify help 3
  6. click in the Plugin box and paste the tracking code shopify help 4
  7. click on 'Save'

... That's it ! You can now test your installation


Godaddy (web hosting)
  1. click here to open a new window containing the Web-Stat code to be added to your site
  2. copy the code
  3. go to http://www.godaddy.com
  4. log in
  5. go to 'My Account > Visit my account'
  6. click on 'Web Hosting' then on 'launch' next to your web site
  7. a new window will open entitled 'Hosting Details'. In this new window scroll down and click on 'File Manager' under 'Tools'
  8. another window opens
  9. in that new window, click on the page on which you want to add the code
  10. insert the cursor at the bottom of the editor just above the </body> tag
  11. paste the code you copied earlier
  12. click on 'save' then on 'close'
  13. do the next page

... That's it ! You can now test your installation


Godaddy (web site builder)
  1. click here to open a new window containing the Web-Stat code to be added to your site
  2. copy the code
  3. go to http://www.godaddy.com
  4. log in
  5. go to 'My Account > Visit my account'
  6. click on 'Web site builder' then on 'launch' next to your web site
  7. click on 'Edit site'
  8. from the left menu bar, select an 'HTML code' element and drag it to the bottom of your page
  9. click on the newly created element then on 'Settings' in the popup window
  10. delete the current content of the window the paste the code in its place
  11. click on 'save'
  12. click on 'publish' at the top

... That's it ! You can now test your installation


Google Sites
  1. click here to open a new window containing the Web-Stat code to be added to your site
  2. copy the code
  3. login at http://sites.google.com
  4. click on your site
  5. click on 'Edit Page'
  6. on the editor menu bar click on 'HTML'
  7. insert the cursor at the bottom of the content window
  8. paste the code you copied earlier
  9. click on 'update'
  10. click on 'save' in the editor menu bar to save your changes

... That's it ! You can now test your installation


Joomla
  1. click here to open a new window containing the Web-Stat code to be added to your site
  2. copy the code
  3. log into your Joomla account as Admin
  4. click on 'Template Manager'
  5. in the 'Templates' column, click on the assigned template
  6. click on 'edit main page template'
  7. in the template editor, scroll down to the </body> tag (near the bottom)
  8. Just ABOVE the </body> tag, insert the cursor and paste the code you copied earlier
  9. If your template does not contain HTML, scroll down to the ?> tag and paste the code after it (if the ?> tag is not found, add it at the very end, then paste the code after it)
  10. click on 'save'
  11. go back to the 'Template Manager'
  12. in the 'Style' column, click on the assigned template
  13. click on the 'Mobile' tab
  14. set 'iPhone Custom Theme' and 'iPhone Custom Theme' to OFF
  15. click on 'save'
  16. NOTE: if you change template you will have to repeat the installation process

... That's it ! You can now test your installation


Microsoft Office Live
  1. click here to open a new window containing the simplified version of the Web-Stat code to be added to your site
  2. copy the code
  3. log into your Office Live account
  4. click on 'Web Site' in the left column
  5. Insert the cursor where you want to add Web-Stat
  6. In the editor's menu bar click on Module > HTML
  7. insert the cursor anywhere in the text area
  8. paste the code you copied earlier
  9. save your changes

... That's it ! You can now test your installation


Microsoft Publisher
  1. click here to open a new window containing the Web-Stat code to be added to your site
  2. copy the code
  3. open your page in Microsoft Publisher
  4. click on bottom of page
  5. click Insert, Advanced and select 'HTML'
  6. place your cursor where you would like to insert the counter - anywhere between the <Body> and </Body> tags
  7. paste the code you copied earlier
  8. click OK
  9. save and publish your page

... That's it ! You can now test your installation


Moonfruit
  1. click here to open a new window containing the Web-Stat code to be added to your site
  2. copy the code
  3. Go to Moonfruit and login moonfruit help 1
  4. Click on 'Edit' moonfruit help 1
  5. Click on the '+' symbol in the menu bar to add a new element moonfruit help 1
  6. We need to install in the footer so that the code gets added automatically to each page moonfruit help 1
    moonfruit help 1
  7. Click on 'HTML Snippet' and place the object in the footer (this is where Web-Stat will display)
  8. In the editor window click on 'Setup', paste the tracking code in the text area then click on 'Apply' moonfruit help 1
  9. save and publish your page

... That's it ! You can now test your installation


Network solutions
  1. click here to open a new window containing the simplified version of the Web-Stat code to be added to your site
  2. copy the code
  3. go to your site editor login page and login
  4. click on 'Pages' in the top menu bar
  5. click on 'Edit' to the right of the page on which you want to add the code
  6. click on 'view HTML' for the bottom of the page
  7. scroll down to the very end of window and insert the cursor
  8. paste the code you copied earlier
  9. click on 'Save & Return'
  10. repeat for any other pages

... That's it ! You can now test your installation


Network solutions Store
  1. click here to open a new window containing the simplified version of the Web-Stat code to be added to your site
  2. copy the code
  3. log into your store manager
  4. click on 'Design' in the top menu bar
  5. click on 'Site Design' in the 'design Options' section
  6. click on 'Header and Footer'
  7. in the 'Manage Footer' section click on 'view HTML'
  8. click inside the footer editor/box and place the cursor at the very end
  9. paste the code you copied earlier
  10. click on 'Save & Return'

... That's it ! You can now test your installation


Overblog
  1. click here to open a new window containing the simplified version of the XHTML Web-Stat code to be added to your site
  2. copy the code
  3. log into your Overblog account
  4. Click on 'Configurer'
  5. Click on 'Mise en page'
  6. In the section where you want to install Web-Stat click on the 'hammer' icon (configurer le module)
  7. Click on the 'HTML' button in the menu bar
  8. paste the code you copied earlier
  9. Click on 'mettre a jour'
  10. Click on 'valider'

... That's it ! You can now test your installation


Picasa

Unfortunately Picasa albums can not be customized ; as a result Web-Stat can not be installed


Point2Agent
  1. click here to open a new window containing the standard version of the XHTML Web-Stat code to be added to your site
  2. copy the code
  3. log into your Point2Agent account
  4. at the very top look for website : Jump to >>
  5. select 'Edit'
  6. click on 'Edit Content' under 'Custom Content'
  7. a window appear with a menu bar and your content underneath
  8. click on the 'Source' icon in the menu bar : this shows your content in HTML format
  9. paste the code you copied earlier
  10. Click on 'OK'

... That's it ! You can now test your installation


Register.com
  1. click here to open a new window containing the Web-Stat code to be added to your site
  2. copy the code
  3. log into Register.com
  4. click on the web site you want to edit
  5. click on 'Do it myself website solution'
  6. click on 'Build Edit and Publish My Site'
  7. click on 'Edit your site now'
  8. add a content block at the bottom (choose a basic rectangular one)
  9. select 'Text' and click on 'OK'
  10. click on 'click to edit text'
  11. in the grey menu bar of the text editor click on 'HTML'
  12. add a content block at the bottom (choose a basic rectangular one)
  13. in the HTML source editor paste the code you copied earlier
  14. click on 'Update'
  15. click on 'Publish'

... That's it ! You can now test your installation


Shopify

If you have a Shopify site you can install the Web-Stat app directly from the Shopify App Store.

That's it: Web-Stat is now active and recording all new visitors to your site! To access your stats and set your preferences, click on 'Apps' in the Shopify menu bar on the left, then click on 'Web-Stat'.


SquareSpace
  1. click here to open a new window containing the Web-Stat code to be added to your site
  2. copy the code
  3. go to the SquareSpace login page and login shopify help 1
  4. click on the site to which you want to add tracking shopify help 2
  5. click on 'Settings' shopify help 3
  6. click on 'Advanced' shopify help 4
  7. click on 'Code Injection' shopify help 4
  8. Scroll down to the 'Footer' section, click in it and paste the Web-Stat code at the cursor's location, then click on 'Save' shopify help 5

... That's it ! You can now test your installation


Unblog.fr
  1. click here to open a new window containing the simplified version of the Web-Stat code to be added to your site
  2. copy the code
  3. go to unblog.fr
  4. click on "s'identifier" and log in
  5. click on "presentation"
  6. click on "barre de menu"
  7. from 'elements disponibles' add a 'text' element to the 'barre de menu'
  8. edit the text element
  9. paste the code you copied earlier
  10. close the text element window
  11. click on 'sauver les changements'

... That's it ! You can now test your installation


Webnode
  1. click here to open a new window containing the Web-Stat code to be added to your site
  2. copy the code
  3. go to Webnode.com, click on 'Login' and enter your credentials
  4. under 'my projects' click on 'manage website'
  5. click on the 'start to edit' button
  6. in the top menu click on 'More' the on 'Embed code'
  7. insert the cursor in the 'Embed code' box
  8. paste the code you copied earlier
  9. if you see 'Content of this block has been disabled due to security reasons....': simply ignore
  10. repeat on all the pages you wish to monitor
  11. click the 'Publish' button in the top menu bar

... That's it ! You can now test your installation


Webs.com
  1. click here to open a new window containing the Web-Stat code to be added to your site
  2. copy the code
  3. log into your Webs.com account
  4. click on the 'rendering' screen to edit your web site
  5. at the very bottom click on 'other'
  6. drag a custom HTML element on your page
  7. double-click to edit the HTML
  8. paste the code in the HTML window
  9. click on 'Publish'

... That's it ! You can now test your installation


Weebly (manual install)
  1. click here to open a new window containing the Web-Stat code to be added to your site
  2. copy the code
  3. log into your Weebly account and edit your site
  4. click on 'Build' in the top menu bar
  5. click on '</> Embed Code' in the left menu bar and drag the element onto your page
  6. paste the code in the 'Embed Code' area
  7. repeat on all your pages
  8. publish your changes

... That's it ! You can now test your installation


Weebly (from the Weebly App Center)

If you have a Weebly site at the starter level or above, you can install the Web-Stat app directly from the Weebly App Center.

That's it: Web-Stat is now active and recording all new visitors to your site! To access your stats and set your preferences, go to the 'Web-Stat' section of your Weebly dashboard.


Wix

If you have a Wix site you can install the Web-Stat app directly from the Wix App Market.

After Web-Stat has been added, save your changes, publish your site and you are done! Web-Stat will now record all new visitors to your site. To access your stats and set your preferences, use the Web-Stat app Settings Panel from your Wix site editor.


Wordpress Option 1 - use the plugin

If you have a WordPress site you can install the Web-Stat app directly from the Plugins Directory.

That's it: Web-Stat is now active and recording all new visitors to your site! To access your stats and set your preferences, use the Web-Stat link in the WordPress admin menu bar.



Wordpress Option 2 - install your own account
  1. click here to open a new window containing the Web-Stat code to be added to your site
  2. copy the code
  3. Log into your Wordpress account wordpress help 1
  4. Click on 'Customize' in the side bar on the left wordpress help 1
  5. Click on 'Widgets' wordpress help 1
  6. Click on '+' then on 'Browse all' wordpress help 1
  7. Click on 'Code' wordpress help 1
  8. Click on '<>' then select 'Custom HTML' wordpress help 1
  9. Paste the code in the box then click on 'Publish wordpress help 1

... That's it ! You can now test your installation

Other web site editors
  1. click here to open a new window containing the Web-Stat code to be added to your site
  2. copy the code
  3. open your web site editor
  4. most editors offer an option to edit the site in HTML:
    • Either a straightforward HTML mode which allows you to work directly on the pages' HTML
    • Or the ability to add an HTML widget onto your pages
    HTML mode
    1. open your site's main page using your web editor in HTML mode
    2. put the cursor just above the </body> tag at the end of the file (for instance, or anywhere else between the <body> and </body> tags if you know what you are doing - see here for more info on positionning the counter)
    3. paste the code you copied earlier
    HTML widget
    1. Insert an HTML widget onto your page
    2. Edit the widget
    3. paste the code you copied earlier and save
  5. save your modified web page
  6. repeat for the next page you wish to track (we advise to insrall on all of the site's pages if possible)
  7. publish your site

... That's it ! You can now test your installation

Done installing? Test your account

Check My Installation