Contador de visitantes online no blog em tempo real

Acompanhar o crescimento e movimentação do blog é algo importante e prazeroso. Principalmente quando fazemos um bom trabalho, lendo e colocando dicas em prática.
Uma estatística legal de acompanhar é o número de visitantes online no momento. Exatamente isso que o Who’s.amung.us faz para WordPress, Blogger, ou qualquer outro blog.

Além de ser em tempo real (não precisa ficar atualizando a página para atualizar o widget), o sistema junto com um pouco de HTML disponibiliza 3 (três) formas simples que encontrei de acompanhar os dados:

– Através do seu blog usando um widget;
– Por meio de um plugin para Firefox;
– Por uma página dentro do próprio Who’s.amung.us;

Obs.: Ambas as formas exigem uma instalação mínima no blog.

1° – Acesse o site Whos.amung.us, copie o código gerado e fornecido na tela.

2° – Acesse o HTML do seu blog e cole onde você quer que apareça o widget. Pode ser na sidebar ou até mesmo no final do HTML do blog (antes de </body>).

Para acesso a outras opções de widgets acesse: http://whos.amung.us/showcase/

Atenção! Pois o tutorial pode se tornar complexo!

1° – Pegue o Código Único gerado para seu blog, exemplo (de rosa):

<code>&lt;script id="_waun8w"&gt;var _wau = _wau || []; _wau.push(["small", "<b><span style="color: magenta;">184ck6x6w1x9</span></b>", "n8w"]);(function() { var s=document.createElement("script"); s.async=true; s.src="http://widgets.amung.us/small.js";document.getElementsByTagName("head")[0].appendChild(s);})();&lt;/script&gt;</code>

– Acesse o link: http://whos.amung.us/stats/CÓDIGO_ÚNICO_AQUI/
Exemplo: http://whos.amung.us/stats/184ck6x6w1x9/

– Use o plugin para Firefox http://addons.mozilla.org/addon/4694 

Nas configurações cole o mesmo código único citado acima.

Veja também: DoingBuzz
 

1° – Pegue o código gerado no site e coloque como indicado abaixo:

<code class="">&lt;div style="display: none;"&gt;<b><i>CÓDIGO_TOTAL_AQUI</i></b>&lt;/div&gt;</code>

Exemplo:

<code class="">&lt;div style="display: none;"&gt;&lt;script id="_waun8w"&gt;var _wau = _wau || []; _wau.push(["small", "<span style="color: black;">184ck6x6w1x9</span>", "n8w"]);(function() { var s=document.createElement("script"); s.async=true; s.src="http://widgets.amung.us/small.js";document.getElementsByTagName("head")[0].appendChild(s);})();&lt;/script&gt;&lt;/div&gt;</code>

2° – Cole o código modificado antes de </body> no:

Blogger:
Faça login, entre em “Modelo” (layout) -> “Editar HTML do modelo”, procure pelo código acima, cole o código modificado e salve.

WordPress:
Faça login, entre em “Aparência” -> “Editor”. Abra o arquivo “Rodapé” (footer.php) , procure o código acima, cole o código modificado e salve.

3° – Use uma forma para acompanhar os acessos:

– Acesse o link: http://whos.amung.us/stats/CÓDIGO_ÚNICO_AQUI/
Exemplo: http://whos.amung.us/stats/184ck6x6w1x9/

– Use o plugin para Firefox http://addons.mozilla.org/addon/4694
Nas configurações cole o mesmo código único citado acima.

Pronto! Agora é só acompanhar! =]