Step 6 – Add A Visitor Tracking Widget To Your Blog Sidebar

bloggingstep6We’ve designed a series of nine steps, with how-to info, to help you with your class blogging.

This step is to add a visitor tracking tool to your blog sidebar.

Why Use Visitor Tracking Widgets?

It’s likely that your blog gets visitors from around the world.

But unless you find ways of displaying visitor numbers and their geographical locations, your students won’t appreciate that they’re publishing posts for a global audience.

Benefits include:

  • Knowing you’re writing for a global audience is incredibly motivating for students.
  • Realizing people from other countries are reading what they’ve written increases their interest, excitement and motives them to blog.
  • It also provides built-in geography lessons — as most students constantly check for new visitors and enjoy finding out more about the countries where their visitors are from.

There’s numerous different types of visitor tracking widgets you can use, and it isn’t uncommon for teachers and students to use more than one type on their blogs.

Below are the most commonly used ones with instructions on how to install.

Please note:

All visitor tracking widgets require you to add embed code to a text widget

To be able to add the embed do you need to be either using:

Each Edublogs Pro blog can upgrade up to 50 student (or other blogs).  Once upgraded these blogs:

  • Will have absolutely no advertising displayed on them
  • Access to and full use of all 100 + Premium themes
  • The ability to embed videos, JavaScript and other third party code

ClustrMaps

ClustrMaps is a thumbnail hit counter map widget that shows the geographical location of all visitors to your blog. Number of visitors from a location is indicated by the relative size of the dot.

Clicking the ClustrMaps thumbnail takes you to a large World map so you can examine your traffic sources more closely.

There is a ClustrMaps widget in the left hand side bar of this blog.

Here’s comprehensive ‘how to’ add a ClustrMaps to Your Sidebar Using:

  1. A Text Widget – free Edublogs blogs which have been upgraded using a Pro blog to enable embedding of HTML code
  2. The ClustrMaps widget – Edublogs Pro blogs only

Flag Counter

Flag Counter widget shows the total number of visitors from each country next to the country’s flag. Every time someone from a new country visits your site, a new flag will be added to your counter.

Clicking on the flag counter takes you to your Flag counter page which provides more detailed charts and information about your visitors.

See it in action on Technology in Our Classroom!

Example of a Flag counter

Here’s how to add a Flag Counter:

1.  Go to Flag Counter

2.  Choose the maximum flags to show, number of columns of flags and your color scheme then click Get Your Flag Counter

Please Note: most blog sidebars will only fit 1 or 2 columns of flags.

Customizing your Flag Counter

3.  Copy the HTML embed code

Grabbing HTML Embed code for Flag counter

4.  Go to Appearance > Widgets in your blog dashboard

5.  Click on the desired Sidebar to expand (so you can add the widgets)

Please note: In new blogs sidebars in your dashboard are empty and adding widgets automatically removes the default Edublogs widgets

Expand your sidebar area

5.  Add a text widget to the desired sidebar by dragging it from the Available Widgets or Inactive Widgets areas on the left into the Sidebar area on the right.

Adding a text widget to your sidebar

6.  The widget will automatically open — just add the HTML code from Flag Counter, click Save and then Close.

Adding HTML code to the text widget

7.  You should now see your Flag Counters in your blog sidebar and the flags will start appearing after 24 hours.

Feedjit Live Traffic

Feedjit Live Traffic Feed displays visitors to your blog in real time and includes:

  • Which city and country your visitors are in
  • Which website they arrived from, if any
  • Which page they visited on your website
  • Which external link they clicked to leave your site, if any

Your traffic feed is updated as each visitor arrives on your site. This update occurs before it loads so each of your visitors can see their own location displayed.

Clicking on the Feedjit Live Traffic counter takes you to your Live traffic page which provides more detailed information including the countries associated with web visitors’ IP addresses, the web browser, computer operating system, and referring website.

See it in action on Technology in Our Classroom!

Example of Feedjit Live Traffic widget

Here’s how to add a Feedjit Live Traffic Widget:

1.  Go to Feedjit Live Traffic Feed

2.  Click on Click here to Customize It! below Live Traffic Feed

3.  Choose your color scheme and width (ideal size for most sidebars is less than 170)

Customize Live Traffic Widget

4.  Once finished customizing, copy the HTML embed code

Copying Live Traffic Feed HTML code

5.  Go to Appearance > Widgets in your blog dashboard

6.  Click on the desired Sidebar to expand (so you can add the widgets)

7.  Add a text widget to the desired sidebar by dragging it from the Available Widgets into the Sidebar area on the right.

8.  The widget will automatically open — just add the HTML code from Live Traffic Feed, click Save and then Close.

9.  You should now see your Live Traffic Feed in your blog sidebar and visitor data will immediately start appearing.

Feedjit Live Traffic Map

Feedjit Live Traffic Map displays real-time visitor tracking by showing the geographic locations of the last 100 visitors to your blog.

If you move your mouse over any point on the map the city and country for that visitor will be displayed.

Displaying city and country on a Feedjit map

Clicking on the Feedjit Live Traffic Map takes you to your Live Traffic Map page which provides more detailed information.

See it in action on Technology in Our Classroom!

Feedjit detailed live feed map

Here’s how to add a Feedjit Live Traffic Widget:

1.  Go to Feedjit Live Traffic Map

2.  Click on Click here to Customize It! below Live Traffic Map

3.  Choose your color scheme and width (ideal size for most sidebars is less than 170)

Customizing your Feedjit Map

4.  Once finished customizing, copy the HTML embed code

Grab embed code for Feedjit Map

5.  Go to Appearance > Widgets in your blog dashboard

6.  Click on the desired Sidebar to expand (so you can add the widgets)

7.  Add a text widget to the desired sidebar by dragging it from the Available Widgets into the Sidebar area on the right.

8.  The widget will automatically open — just add the HTML code from Live Traffic Map, click Save and then Close.

9.  You should now see your Live Traffic Map in your blog sidebar and visitor data will immediately start appearing.

FINAL THOUGHTS

These steps were created as part of the preparation for the Student Blogging Challenge — the next challenge starts in September, 2010.

You can read more about the Student blogging challenge here:

  1. About the student challenge
  2. Student Blogging Challenge FAQs

And here’s where you find the other steps for setting up your class blog:

Please a comment on this post:

  1. If you have any problems or questions while setting up your class blog just — I’m always happy to help!
  2. If you have advice for other educators on visitor tracking widgets — would love to hear stories of how you use them with your students!

If you are enjoying reading this blog, please consider feed-icon32x32 Finding and Adding Creative Commons Images To Your Blog PostsSubscribing For Free!

The Secret(s) Of ClustrMaps Dots!

Have you looked at your ClustrMaps recently?

Are you like me? Do the growing red dots make you want to learn more about all your visitors, their lives, where they live and amaze you with how the Internet has brought us all together?

Pleased to hear because you’ve all got me into trouble! Students are checking closely The Edublogger ClustrMaps as well as their own!

They all want more dots on their ClustrMaps!

Can you leave a comment (or write a post) to share your tips and advice on any (or all) of the following:

  1. What are 3 ways for students to increase their blog readership (while also increasing their learning through blogging)?
  2. What advice would you give students about writing comments on other people’s blogs?
  3. What are some of the aspects of blog etiquette that students need to consider when trying to increase their readership?

HELP: If you are from Madagascar, or know someone who lives in Madagascar, can you please visit (or get them to visit) Sahana’s post and leave a comment! Read her comment here (as svbsky) to understand why I’m asking 8-)

FINAL THOUGHTS

ClustrMaps is a “must-have” widget for class and student blogs because it reminds students that they are part of a global audience.

Here are the instructions for adding a ClustrMaps to your blog sidebar using:

  1. The ClustrMaps Widget – Edublogs supporters only
  2. A Text Widget – free Edublogs users

If you are enjoying reading this blog, please consider Subscribing For Free!

Adding ClustrMaps to Your Blog Sidebar Using A Text Widget

Image of a ClustrmapsClustrMaps is a popular widget for class and student blogs because it reminds students that they are part of a global audience and demonstrates how connected we all are.

Students love seeing the red dots grow as their readers, from around the World, visit their blog.

Please Note:

On free Edublogs blogs you need to follow the instructions below for adding ClustrMaps to your sidebar using a text widget!

Creating Your ClustrMaps

  1. Go to ClustrMaps.
  2. Enter your blog URL (e.g. your blog URL should look similar like this http://theedublogger.com/) and email address then click on Make My Map.Image of signing up for ClustrMaps
  3. Copy the HTML code for Option A. Image of the embed code

Adding The ClustrMap To Your Blog Sidebar

  1. Go to Appearance > Widgets in your Dashboard Image of widgets menu
  2. Click on the desired Sidebar to expand (so you can add the widgets) NOTE: In new blogs sidebars in your dashboard are empty and adding widgets automatically removes the default Edublogs widgets Image of widget sidebars
  3. To add a text widget, drag it from the Available Widgets areas on the left into the Sidebar area on the right Image of adding a text widget
  4. Drop the widget when you see a dashed line appear – this indicates the widget is in place Image of adding text widget to sidebar
  5. The widget will automatically open — just add the HTML code from Clustrmaps, click Save and then Close.  If you have trouble with the text widget or it doesn’t open — try changing your theme just in case there is an issue with it.Image of adding clustrmaps code to text widget
  6. You should now see your ClustrMaps in your blog sidebar and the dots will start appearing after 24 hours.

Image of clustrmaps in sidebar

FINAL THOUGHTS

If you need to grab new HTML embed code for your ClustrMaps just log into your ClustrMaps Admin area using your blog URL and password (sent in the original signup email from ClustrMaps).

Remember if you are an Edublogs supporters or Edublogs campus users you use the ClustrMaps Widget to add it your blog sidebar.

If you are enjoying reading this blog, please consider Subscribing For Free!

Adding A ClustrMaps to Your Blog Sidebar Using The ClustrMaps Widget

As Britt Watwood said:

ClustrMaps is a “must-have” widget for class and student blogs because it reminds students that they are part of a global voice and demonstrates how interconnected we all are.

So here’s how to set up a ClustrMaps on your blog using the ClustrMaps Widget.

The ClustrMaps widget is available to Edublogs supporters and Edublogs Campus only.  On free Edublogs blogs you need to add ClustrMaps to your sidebar using a text widget!

About ClustrMaps

ClustrMaps is a free thumbnail hit counter map widget that shows the location of all visitors to your blog. Number of visitors from a location is indicated by the relative size of the dot.

Clicking the ClustrMaps thumbnail takes you to a large World map so you can examine your traffic sources more closely. To scrutinize even closer click on each continent on the map.

Image of Clustrmaps

How To Add ClustrMaps To Your Blog Sidebar

The ClustrMaps Widget is contained in Widget Pack which you must first activate in your Plugins area.

  • This widget pack also contains Delicious, Vod Pod, Twitter, Google Search and Flickr widgets.
  • Once activated all these widgets will appear in your available widget area in your Appearance > Widget screen — ready for you to use.
  • If your ClustrMaps disappears from your blog activating your Widget pack immediately returns your ClustrMap to your blog sidebar.

Adding your ClustrMaps is as simple as:

1.  Go to Plugins > Installed in your blog dashboard.
2.  Click on Activate below Widget pack.

Activating your widget pack

3.  Go to Appearance > Widgets in your Dashboard.
4.  Click on the desired Sidebar to expand (so you can add the widgets)

  • NOTE: In new blogs sidebars in your dashboard are empty and adding widgets automatically removes the default Edublogs widgets.

5.  Add your ClustrMaps widget to the desired sidebar by dragging it from the Available Widgets area on the left into the Sidebar area on the right.

Adding your ClustrMaps widget to your sidebar

6.  The widget will automatically open — add your email address, click on Agree to terms and conditions, and then click Save Changes.
7.  Final step is Save and then Close.

  • If you have trouble with the text widget or it doesn’t open — try changing your theme just in case there is an issue with your theme.

Setting up your ClustrMaps

Image of your clustrmaps8.  You will receive an email advising of successful widget registration and your widget will look like this image in your sidebar — dots won’t appear for 24 hours.

FINAL THOUGHTS

Remember on free Edublogs blogs you need to add ClustrMaps to your sidebar using a text widget!

  1. Don’t forget to share your advice on “must-have” widgets for student and class blogs.
  2. Would love to hear your thoughts on Miss Wyatt’s Responsible use of avatars and widgets in terms of age restrictions.

If you are enjoying reading this blog, please consider feed-icon32x32 Finding and Adding Creative Commons Images To Your Blog PostsSubscribing For Free!