Know Your Visitors - Beta

This is dead easy.

• Read Know Your Visitors (Classic blog). Setup SiteMeter and StatCounter accounts and links.
• Add the SiteMeter and StatCounter code.

Adding the code is simple. Go to Template - Page Elements. You can add a separate page element with the code for each meter, or you can arrange the meters (and other miscellaneous objects) side by side in one page element. Look at the bottom of the page on The Real Blogger Status - Beta, and on Googolians - The Blog. See the SiteMeter and StatCounter objects?

---

(Note): This post has been migrated to (and improved in) The Real Blogger Status: Know Your Visitors.

---

Well, a single object, say SiteMeter, could be dropped right into a new HTML / JavaScript page element, as is, right from SiteMeter. OK, I shortened a few lines, with "********", and inserted line breaks, to prevent the old post / sidebar alignment problem.

<!-- Site Meter --><script src="http://s26.sitemeter.com/js/counter.js?site=********" type="text/javascript"></script><noscript><a href="http://s26.sitemeter.com/stats.asp?site=********" target="_top"><img border="0" alt="Site Meter" src="http://s26.sitemeter.com/meter.asp?site=********"/>
</a></noscript>
<!-- Copyright (c)2006 Site Meter -->

But, if I want to get fancy, I use nested tables, and put the SiteMeter and StatCounter code side by side.

<table border="0" align="center"><tr><td><table><tr><td width="33%"><!-- Site Meter --><script src="http://s26.sitemeter.com/js/counter.js?site=********" type="text/javascript"></script><noscript><a href="http://s26.sitemeter.com/stats.asp?site=********" target="_top"><img border="0" alt="Site Meter" src="http://s26.sitemeter.com/meter.asp?site=********"/>
</a></noscript>
<!-- Copyright (c)2006 Site Meter --></td><td width="33%"><script language="javascript" type="text/javascript">var sc_project=********; var sc_invisible=0; var sc_partition=16; var sc_security="********"; </script><script language="javascript" src="http://www.statcounter.com/counter/counter.js" type="text/javascript"></script><noscript><a href="http://www.statcounter.com/" target="_blank"><img border="0" alt="website hit counter" src="http://c17.statcounter.com/counter.php?
sc_project=********&java=0
&amp;amp;amp;amp;amp;amp;amp;amp;amp;
security=********&invisible=0"/></a> </noscript><!-- End of StatCounter Code --><br/><a href="http://my.statcounter.com/project/standard/stats.php?
project_id=********&guest=1"
>View My Stats</a></td></tr></table></td></tr></table>

Here's how to make a 3 object page element, in the footer, like the one in Googolians - The Blog.

<table border="0" align="center"><tr><td width="90%"><table><tr>
<td width="33%">(whatever you want, in the left cell)</td>
<td width="33%">(whatever you want, in the centre cell)</td>
<td width="33%">(whatever you want, in the right cell)</td>
</tr></table></td></tr></table>

I know there are other possibilities. Try them. Have fun.