NEW: Display Uniques on My Projects Page

Hi folks,

You can now change your “My Projects” page to display Unique Visitors instead of Page Views. To make the change:

  • Log in to your StatCounter account
  • Click the ‘My Profile’ link in the top navigation bar
  • my_profile

  • Click the ‘Edit Profile’ button
  • For ‘My Projects Display Metric’ choose Unique Visitors
  • my_projects

  • Enter your password
  • Finally click ‘Update My Profile’

We’re delighted to provide you with this new option and many thanks to the various StatCounter members who requested this. Please keep your feedback and ideas coming!

Popular Pages – New Filter

Hi Folks!

New Filter
We’ve added a NEW filter to the Popular Pages stat.

What does this New Filter do?
This new filter helps you to identify your converting keywords.

Your “converting keywords” are the keywords that result in visitors to your site:

  • making a purchase
  • signing up for a service
  • downloading a brochure
  • or completing any other desired action on your site

How does this help me?
Information about your converting keywords is incredibly valuable.

If you can identify the exact search terms that actually result in sales (or sign-ups, or downloads, etc) on your site, then you can focus your advertising and SEO efforts on these terms. This should allow you to maximize your revenues and minimise your spend on marketing.

Can I see an example?
Sure! Let’s use this fictional site “Bites Bakery” to explain how this works…

Bites Bakery
bakery1

Bites Bakery has a website which allows its customers to order cakes and other baked goods online. For Bites Bakery, a conversion (or success) is the placement of an order online.

Keyword Analysis
keyword_analysis

With StatCounter your “Keyword Analysis” gives you a list of the ACTUAL search terms used to find your site. For Bites Bakery, you can see that people searched for :

    bites bakery
    chocolate cake
    cherry pie recipe etc

From the above, we know the search terms that are bringing visitors to Bites Bakery… but which of these search terms result in actual orders being placed? To find this out, we need to look at the Popular Pages stat…

Popular Pages
popular_pages1

If we look at the Popular Pages for Bites Bakery, we can see that:

  • 257 people visited the homepage
  • 31 people added a product to their baskets
  • 6 people tried to checkout
  • But only 4 people successfully completed the order process and visited the order-confirmation.php page – it’s these “converting keywords” that we are really interested in.
    (Don’t forget! It’s the “converting keywords” that result in a sale/sign-up/download on your site!)

We want to find out which keywords result in people confirming an order. To do this, we drilldown on the page www.bitesbakery.com/order-confirmation.php and apply the Keyword Analysis filter.

Popular Pages – Drilldown Arrow
popular_pages_drilldown

First step is to click the “drilldown” arrow beside the webpage you are interested in. For Bites Bakery, we are interested in people who made an order online – that is, the people who reached the Order Confirmation page.

Popular Pages – Apply Filter
popular_pages_apply_filter

Next step is to apply the “Keyword Analysis” filter – click the link.

Popular Pages – Filtered by Keyword Analysis
popular_pages_kw_filter

Now, we see a list of the keywords used by the visitors who reached the Order Confirmation page. With this information we can see that:

    Although 40 people found the Bites Bakery Site by searching for “chocolate cake” (see Keyword Analysis), only 1 of these people “converted” and placed an order online (see Popular Pages filtered by Keyword Analysis). That means for the search term “chocolate cake” we had 1 order from 40 searches => 2.5% conversion rate

    On the other hand, while only 9 people found the site by searching for “dark chocolate cake” (see Keyword Analysis), 1 of these people “converted (see Popular Pages filtered by Keyword Analysis). That’s 1 order from 9 searches => 11% conversion rate

From the above it’s clear that we are getting a far better return on the search term “dark chocolate cake” than for “chocolate cake” – this information is useful in deciding where to direct our SEO efforts and marketing spend.

Summary
Use the “Keyword Analysis” filter on “Popular Pages” to identify the search terms that send visitors to a particular page on your site.

Note re New StatCounter SC4 System
As a result of the delays we have experienced converting all members to the new StatCounter platform, we have made this new filter available on BOTH the old StatCounter SC3 system as well as on the new SC4 system. Our tech team continue to work on the conversion project – we are terribly anxious to get the conversion done as this will allow us to release many new features and improvements. Thanks so much for your patience and enjoy the new filter!

Using HTML to Format a StatCounter

Did you know that when you generate your StatCounter code, you can choose a “Counter Image” or a “Text Counter”?

Counter Image
With a “Counter Image”, you can choose the digit and background color of your StatCounter within your StatCounter account. You can also set the minimum number of digits to be displayed and choose a font style. Here are a few examples of the Counter Images available with StatCounter:

Sometimes though, members want to be able to further customize their StatCounters…

Text Counter
If you would like to format your StatCounter to your own specific requirements, you can choose a “Text Counter” when you generate your StatCounter code. With a Text Counter, you can format your counter using HTML. This way you can change the font, use borders, add background colors and images and create your very own unique StatCounter. Take a look at some of the examples that we created here…

The Basics
Here are some simple HTML codes you can use to customize your StatCounter. Note that there are several different ways to achieve the effects that we describe – we’re just showing a selection of techniques here.

Note also that while we are using HTML codes, formatting your website using CSS usually produces a better result. It’s generally accepted that CSS is a more powerful and efficient method of applying formatting to a website.

Further, some of the tags we are using here such as <font> have been “deprecated” – this means that these tags have been superseded and are no longer recommended for use by the W3C. That said, these tags (currently) continue to be generally recognized and supported globally.

    Change the Counter Font Color
    Add the following code to the source code of your website, on either side of your StatCounter code:

      <font color="#0C4908">StatCounter Code</font>

    #0C4908 is the hexadecimal code for a dark green color – use any of the following hexadecimal codes to format your StatCounter:

    #0C4908   #f3b044
    #e3007b   #acacac
    #648dc7   #412700

    Check out this link or this link for more hexadecimal color codes.

    Change the Counter Font Size
    Add the following code to the source code of your website, on either side of your StatCounter code:

      <div style="font-size:25px;">StatCounter Code</div>

    25px indicates the size that you want for your counter in pixels. Here are some examples of pixel sizes:

    10px  15px  20px  25px

    You can experiment with different text sizes to find the most appropriate one for your site.

    Bold the Counter Font
    Add the following code to the source code of your website, on either side of your StatCounter code:

      <b>StatCounter Code</b>

    Italicize the Counter Font
    Add the following code to the source code of your website, on either side of your StatCounter code:

      <ins>StatCounter Code</ins>

    Center/Left-Align/Right-Align your StatCounter
    Add the following code to the source code of your website, on either side of your StatCounter code:

      <center>StatCounter Code</center>

      Example – Center

      <div style="text-align:left;">StatCounter Code</div>

      Example – Left-Align

      <div style="text-align:right;">StatCounter Code</div>

      Example – Right-Align

    Change the Font of your StatCounter
    Add the following code to the source code of your website, on either side of your StatCounter code:

      <font face="arial">StatCounter Code</font>

    You can experiment with various fonts to find which suits your site. Here are some examples:

    arial   verdana
    helvetica   arial black
    courier   courier new
    georgia   impact
    palatino   times new roman
    trebuchet ms   garamond

Full Examples
You can experiment with the following sample codes to create your very own unique StatCounter!

<div style="font-size:32px;">
<font face="Verdana" color="#800080"><b>

<!– Start of StatCounter Code –>
<script type="text/javascript">
var sc_project=4296912; …
…</a></div></noscript>
<!– End of StatCounter Code –>
</b></font></div>

<table background="snow.jpg" width="75px">
<tr><td align="center" valign="middle">
<font color="#000080">
<div style="font-size:30px;"><b>

<!– Start of StatCounter Code –>
<script type="text/javascript">
var sc_project=4296912; …
…</a></div></noscript>
<!– End of StatCounter Code –>
</b></div></font></td></tr></table>


<table border="1" bgcolor="#9781b7">
<tr><td align="center" valign="middle">
<table border="1" bgcolor="#d2a6c7">
<tr><td align="center" valign="middle">
<table border="1" width="45px" bgcolor="#aa99c5">
<tr><td align="center" valign="middle">
<font color="#5c3e90"><b>

<!– Start of StatCounter Code –>
<script type="text/javascript">
var sc_project=4296912; …
…</a></div></noscript>
<!– End of StatCounter Code –>
</b></font></td></tr></table>
</td></tr></table>
</td></tr></table>


<table background="molly.jpg" width="100px"><tr><td align="right"><font color="#ffffff"><b>
<!– Start of StatCounter Code –>
<script type="text/javascript">
var sc_project=4296912; …
…</a></div></noscript>
<!– End of StatCounter Code –>
</b><br/><br/><br/></font></td></tr></table>


<table border="10" bordercolor="#0C4908" cellpadding="0" cellspacing="0"><tr><td><font color="#0C4908" face="impact">
<!– Start of StatCounter Code –>
<script type="text/javascript">
var sc_project=4296912; …
…</a></div></noscript>
<!– End of StatCounter Code –></font></td></tr></table>

<table border="3"><tr><td><div style="font-size:8px;"><font face="courier"><b><ins>
<!– Start of StatCounter Code –>
<script type="text/javascript">
var sc_project=4296912; …
…</a></div></noscript>
<!– End of StatCounter Code –></ins></b></font></div></td></tr></table>

<table align="left" valign="middle" bgcolor="#ed717a"><tr><td><font face="comic sans ms" color="#ffffff">
<!– Start of StatCounter Code –>
<script type="text/javascript">
var sc_project=4296912; …
…</a></div></noscript>
<!– End of StatCounter Code –>
</font></td></tr></table>


Thanks go to StatCounter Team member Rory for his assistance with this post.

If you have any suggestions or comments (or if you spot any errors in our codes!) please post below…

Log Size – an explanation

Hi all,

You might have noticed some new bar graphs like these at the top of your detailed stats pages:

bar-graphs.jpg

These graphs are designed to help you to better understand the log size of your project.

The green area of the bar graph shows you the amount of ’empty’ slots you have left in your current log. Using this information you can decide whether or not you would like to upgrade your account – remember there is absolutely no pressure on you to do so!

If you click on ‘Adjust your log size here!’ you will see a pie chart – this gives you the same info as the bar graph.



pie-charts3.jpg

If your log is full and you don’t want to lose any of your detailed data, then it’s time to upgrade. If you don’t mind losing this old data, then no action is required on your part.

We’ve included a Q&A section below covering the most common questions we get asked about the StatCounter log size. As always, you’re more than welcome to post a comment or query about this topic below. For support issues, please contact us here.



****************************



Log Size – what’s that?
Your log size reflects the number of ‘slots’ that are reserved for you in the StatCounter database. Every time someone views a page on your site, one ‘slot’ is populated with information on that pageload. You get 500 slots in the StatCounter database for each project you create. With upgraded accounts you get additional database space, which you can allocate to your projects as you wish.

What happens when the log is full – does it stop tracking? Do I have to upgrade to a paid account?
Absolutely not! When your log becomes full, we simply overwrite the oldest entry in the database, with information on new pageloads you receive. There is no obligation to upgrade.

How many visitors will be recorded by my free account?
StatCounter gives you a log size of 500 with every project created. Unfortunately, it’s not possible to know how many visitors can be recorded in these 500 database slots – it depends on the behaviour of your visitors. For example, if 500 separate people each visit your homepage once, then your log will contain information on all 500 visitors.

500 people x 1 pageload = 500

If 50 people each visit 10 pages on your site, then your log will contain information on these 50 people.

50 people x 10 pageloads = 500

Why does it matter what my log size is?!
StatCounter gives you lifetime summary stats together with highly detailed analysis of your last 500 pageloads for free accounts (more for upgraded accounts). In other words, your log size determines the amount of detailed analysis you can see on your stats. With a free account, detailed stats (eg Visitor paths, Came From, Keyword Analysis…) will be available for the last 500 pageloads.

NOTE: If you have still have a 100 log free account, then see here to adjust your log!! 500 logs have been available free since May of this year.