Widget contador Feed + Twitter + Comentários + Postagens

Atualizado! 02/08/2011 - Funcionando!

Aos trancos e barrancos com ajuda do Blogueiros na Web, todos (ou a maioria) sabem que consegui desenvolver um contador de assinantes Feed e um contador de seguidores do Twitter. Então com isso, criei um widget bem bacana, estilo esse que uso no Códigos Blog, ou melhor, criei 4 widgets com o mesmo princípio, porém com aparências diferentes.

Como da outra vez, vou deixar a codificação em aberto para todos terem a liberdade de modificar como quiser. A única restrição é a seguinte: Não retire os créditos! Tenho controle de quem está usando o widget e seria muito constrangedor descobrir algum PLAGIADOR.

É bom lembrar que para contar os comentários e postagens estou utilizando o script que o Usuário Compulsivo disponibilizou. Então essa parte é de total autoria dele. Vale à pena conhecer as suas dicas.

Vamos ao trabalho:

1º- Faça login no Blogger, entre em “Layout” -> “Elementos da página”, clique em “Adicionar um Gadget” -> “HTML/Java Script”

2º - Ao abrir uma janela cole o seguinte código abaixo de acordo com a sua escolha:

<div style="width: 330px; background: #fff; padding: 0; margin: 0; border: 0;">
    <div name="feed" style="float: left; width: 160px; height: 50px; background: #fff;">
        <div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 46px; height: 46px; background: url(http://codigosblog.net/servidor/widget_twitter_feed_post_comment/feed-icon.png) no-repeat;"></div>
        <div name="contador" style="padding: 6px 0 0 0; margin: 0; font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"><a href="http://feeds.feedburner.com/NOME_DO_FEED" target="_blank"><script language='javascript' type='text/javascript' src='http://codigosblog.net/servidor/contadorFeed/contadorfeed.js?uri=NOME_DO_FEED'></script> Assinantes</a></div>
        <p name="texto" style="padding: 0; margin: -1px 0 0 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif;">assine o feed</p>
    </div>
<div name="twitter" style="float: left; margin-left: 10px; width: 160px; height: 50px; background: #fff;">
    <div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 46px; height: 46px; background: url(http://codigosblog.net/servidor/widget_twitter_feed_post_comment/twitter_icon.png) no-repeat;"></div>
        <div name="contador" style="padding: 6px 0 0 0; margin: 0; font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"><a href="http://www.twitter.com/SEU_USUÁRIO_TWITTER"   target="_blank"><script type='text/javascript'   src="http://codigosblog.net/servidor/contadorTwitter/contadortwitter.js?usuario=SEU_USUÁRIO_TWITTER"></script> Seguidores</a></div>
        <p name="texto" style="padding: 0; margin: -1px 0 0 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif;">siga no Twitter</p>
    </div>
<div name="postagens" style="margin-top: 5px; float: left; width: 160px; height: 50px; background: #fff;">
    <div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 46px; height: 46px; background: url(http://codigosblog.net/servidor/widget_twitter_feed_post_comment/post-icon.png) no-repeat;"></div>
        <div name="contador" style="padding: 6px 0 0 0; margin: 0; font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"><script type="text/javascript">  function showpostcount(json) {  document.write(parseInt(json.feed.openSearch$totalResults.$t,10));  }</script><script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> Postagens </div>
        <p name="texto" style="padding: 0; margin: -1px 0 0 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif;">acompanhe</p>
    </div>
<div name="comentarios" style="margin-top: 5px; margin-left: 10px; float: left; width: 160px; height: 50px; background: #fff;">
    <div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 46px; height: 46px; background: url(http://codigosblog.net/servidor/widget_twitter_feed_post_comment/comment-icon.png) no-repeat;"></div>
        <div name="contador" style="padding: 6px 0 0 0; margin: 0; font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"><script type="text/javascript">  function showpostcount(json) {  document.write(parseInt(json.feed.openSearch$totalResults.$t,10));  }</script><script src="/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script> Comentários</div>
        <p name="texto" style="padding: 0; margin: -1px 0 0 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif;">comente também</p>
    </div>
    <span style="float: right; font-size: 10px; font-family:Arial, Helvetica, sans-serif; padding: 0; margin: 0;"><small><script language='javascript'   type='text/javascript'   src='http://codigosblog.net/servidor/widget_twitter_feed_post_comment/widget+codigosblog.js'></script></small></span>
</div>

<div style="width: 160px; background: #fff; padding: 0; margin: 0; border: 0;">
    <div name="feed" style="float: left; width: 160px; height: 50px; background: #fff;">
        <div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 46px; height: 46px; background: url(http://codigosblog.net/servidor/widget_twitter_feed_post_comment/feed-icon.png) no-repeat;"></div>
        <div name="contador" style="padding: 6px 0 0 0; margin: 0; font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"><a href="http://feeds.feedburner.com/NOME_DO_FEED" target="_blank"><script language='javascript' type='text/javascript' src='http://codigosblog.net/servidor/contadorFeed/contadorfeed.js?uri=NOME_DO_FEED'></script> Assinantes</a></div>
        <p name="texto" style="padding: 0; margin: -1px 0 0 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif;">assine o feed</p>
    </div>
        <div name="twitter" style="float: left; margin: 5px 0 0 0; width: 160px; height: 50px; background: #fff;">
    <div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 46px; height: 46px; background: url(http://codigosblog.net/servidor/widget_twitter_feed_post_comment/twitter_icon.png) no-repeat;"></div>
        <div name="contador" style="padding: 6px 0 0 0; margin: 0; font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"><a href="http://www.twitter.com/SEU_USUÁRIO_TWITTER"   target="_blank"><script type='text/javascript'   src="http://codigosblog.net/servidor/contadorTwitter/contadortwitter.js?usuario=SEU_USUÁRIO_TWITTER"></script> Seguidores</a></div>
        <p name="texto" style="padding: 0; margin: -1px 0 0 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif;">siga no Twitter</p>
    </div>
        <span style="float: right; font-size: 10px; font-family:Arial, Helvetica, sans-serif; padding: 0; margin: 0;"><small><script language='javascript'   type='text/javascript'   src='http://codigosblog.net/servidor/widget_twitter_feed_post_comment/widget+codigosblog.js'></script></small></span>
</div>

<div style="width: 330px; background: #fff; padding: 0; margin: 0; border: 0;">
    <div name="feed" style="float: left; width: 160px; height: 50px; background: #fff;">
        <div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 46px; height: 46px; background: url(http://codigosblog.net/servidor/widget_twitter_feed_post_comment/feed-icon.png) no-repeat;"></div>
        <div name="contador" style="padding: 6px 0 0 0; margin: 0; font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"><a href="http://feeds.feedburner.com/NOME_DO_FEED" target="_blank"><script language='javascript' type='text/javascript' src='http://codigosblog.net/servidor/contadorFeed/contadorfeed.js?uri=NOME_DO_FEED'></script> Assinantes</a></div>
        <p name="texto" style="padding: 0; margin: -1px 0 0 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif;">assine o feed</p>
    </div>
        <div name="twitter" style="float: left; margin-left: 10px; width: 160px; height: 50px; background: #fff;">
    <div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 46px; height: 46px; background: url(http://codigosblog.net/servidor/widget_twitter_feed_post_comment/twitter_icon.png) no-repeat;"></div>
        <div name="contador" style="padding: 6px 0 0 0; margin: 0; font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"><a href="http://www.twitter.com/SEU_USUÁRIO_TWITTER"   target="_blank"><script type='text/javascript'   src="http://codigosblog.net/servidor/contadorTwitter/contadortwitter.js?usuario=SEU_USUÁRIO_TWITTER"></script> Seguidores</a></div>
        <p name="texto" style="padding: 0; margin: -1px 0 0 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif;">siga no Twitter</p>
    </div>
        <span style="float: right; font-size: 10px; font-family:Arial, Helvetica, sans-serif; padding: 0; margin: 0;"><small><script language='javascript'   type='text/javascript'   src='http://codigosblog.net/servidor/widget_twitter_feed_post_comment/widget+codigosblog.js'></script></small></span>
</div>

<div style="margin: 0; padding: 0;">
<ul style="margin: 0; padding: 0; list-style: none;">
<li style="background: url(http://codigosblog.net/servidor/widget_twitter_feed_post_comment/mini_twitter.gif) no-repeat; padding: 0 0 0 22px; margin: 0;"><script type='text/javascript'   src="http://codigosblog.net/servidor/contadorTwitter/contadortwitter.js?usuario=SEU_USUÁRIO_TWITTER"></script> Seguidores</li>
<li style="background: url(http://codigosblog.net/servidor/widget_twitter_feed_post_comment/mini_feed.gif) no-repeat; padding: 0 0 0 22px; margin: 2px 0 0 0;"><script language='javascript' type='text/javascript' src='http://codigosblog.net/servidor/contadorFeed/contadorfeed.js?uri=NOME_DO_FEED'></script> Assinantes</li>
<li style="background: url(http://codigosblog.net/servidor/widget_twitter_feed_post_comment/mini_post.png) no-repeat; padding: 0 0 0 22px; margin: 2px 0 0 0;"><script type="text/javascript">  function showpostcount(json) {  document.write(parseInt(json.feed.openSearch$totalResults.$t,10));  }</script><script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> Postagens</li>
<li style="background: url(http://codigosblog.net/servidor/widget_twitter_feed_post_comment/mini_comment.gif) no-repeat; padding: 0 0 0 22px; margin: 2px 0 0 0;"><script type="text/javascript">  function showpostcount(json) {  document.write(parseInt(json.feed.openSearch$totalResults.$t,10));  }</script><script src="/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script> Comentários</li>
</ul>
<span style="float: right; font-size: 10px; font-family:Arial, Helvetica, sans-serif; padding: 0; margin: 0;"><small><script language='javascript'   type='text/javascript'   src='http://codigosblog.net/servidor/widget_twitter_feed_post_comment/widget+codigosblog.js'></script></small></span>
</div>

• Faça as seguintes modificações (independente do estilo que você escolheu):

• NOME_DO_FEED -> Substitua pelo nome do feed do seu blog.
Exemplo: http://feeds.feedburner.com/codigosblog (no caso o NOME_DO_FEED é: codigosblog)

• SEU_USUÁRIO_TWITTER -> Substitua pelo nome de usuário do seu Twitter.
Exemplo: http://twitter.com/pauloestevao (no caso o SEU_USUÁRIO_TWITTER é: pauloestevao)

Obs.: Coloque o nome de usuário do Twitter todo em letras minúsculas, ou seu widget não vai funcionar perfeitamente.

3º - Depois que modificar é só salvar. Não tem problema algum em modificar o widget, basta não retirar os créditos.

4º - Para o contador de assinantes feed funcionar, você deve liberar a funcionalidade diretamente no FeedBurner.
Entre no site www.feedburner.com , faça seu login, acesse a conta desejada.
Acesse a aba: “Publicize” (Publicar) e clique em “FeedCount” (FeedCount) localizado no menu lateral. Após isso clique em “Activate” (Ativar).

Pronto! O contador está ativado.

Atenção: Problemas com o número de comentários? -> Comentários sumiram do Blogger!

Leia também:

• Widget contador de assinantes feed e seguidores do Twitter
• Contador de assinantes feed em forma de texto

Engenharia Social, cuidado!

Existem muitas pessoas boas no mundo, todavia tome cuidado! Engenharia Social são práticas utilizadas por pessoas mal intencionadas que abusam da confiança dada por você. Através de emails, telefonemas ou um simples bate-papo estilo P2P, esses indivíduos são capazes de recolher dados sigilosos em uma piscar de olhos, basta uma brecha e já era.

"Em Segurança da informação, chama-se Engenharia Social as práticas utilizadas para obter acesso a informações importantes ou sigilosas em organizações ou sistemas por meio da enganação ou exploração da confiança das pessoas".

Texto: Wikipédia

Esse alerta vai muito além da blogosfera. Em nosso dia-a-dia é possível observar isso, poucas pessoas têm a malicia de preocupar-se com a segurança de seus dados, divulgando uma simples senha do seu notebook pode ser o suficiente para um ataque em seus dados.
É muito comum recebermos uma ligação de uma suposta operadora querendo fazer testes de linha e quando menos se imagina entregamos tudo que eles querem.
Esse tipo de ataque é muito comum em empresas, atacando principalmente funcionários “inocentes” que não sabem o grau do problema.

Aplicando essa lição em nosso dia-a-dia de blogueiro podemos fazer a seguinte ligação: Não forneça sua senha para terceiros, independente se a pessoa supostamente vai te ajudar em algum problema interno. Procure ajuda, mas não repasse sua senha para qualquer um.

Digo tudo isso porque já passei por isso, para quem não sabe (a maioria), o meu primeiro blog foi vitima desse tipo de ataque. Um blogueiro atuante e relativamente conhecido, mas que na verdade não passa de um garoto mimado e metido a valentão. Mas não vou entrar em detalhes nem citar o nome da criatura, pois pessoas como essas não merecem nem citações pejorativas.

Lembre-se: Podemos fazer grandes amigos virtualmente, no entanto não é como fazer uma amizade cara a cara. É muito mais fácil enganar e ser enganado via internet.
Fica a dica.

Leia também:

• Seu blog corre o risco de ser hackeado? (via Dicas Blogger)

Feliz dia do Blogueiro

Leia: cinco estagios da vida de um blogueiro

Antes, tarde do que nunca…

Segundo várias fontes (nenhuma segura o suficiente), hoje (20/03) é o dia do Blogueiro! Mesmo não confirmado essa data, nada mais justo do que parabenizarmos todos os blogueiros, amigos, conhecidos ou apenas visitantes.
E que um dia nossa blogosfera seja limpa e transparente o suficiente para fazermos grandes amigos para a vida toda.

Desejo muitos anos de vida para o seu blog (sim, você que está lendo essa postagem).
abraços

Imagem: Num Clique

Projeto - Layout -> Casa dos Pássaros

O blog Casa dos Pássaros está de layout novo! Logotipo de template desenvolvidos por mim!
Um blog bem bacana pra quem gosta de pássaros domésticos.
Visite e conheça o novo layout: www.casadospassaros.net

P.S.: Para quem não está entendendo por que o template está com os créditos para o site: Crie Web. É pelo fato de que estou trabalhando para centralizar todos os meus trabalhos em um portfólio, que no caso seria o Crie Web.

Icone padrão para comentários sem foto dos autores

Sem imagem

O Blogger a não muito tempo, implantou uma funcionalidade em que cada comentário é acompanhado pela foto do autor. Esse recurso (como vários outros) apresenta uma falha, onde diversos comentários não exibem a foto do autor como deveriam mostrar. Para tal problema temos a solução.
Com um código CSS simples podemos fazer uma “gambiarra”, colocando uma imagem padrão nesses lugares vagos onde não se encontra nenhum avatar.

1° - Faça login no Blogger, entre em “Layout” -> “Editar HTML”.

2° - Procure (Ctrl + f) por:

]]></b:skin>

3° - Cole o seguinte código ANTES da tag encontrada:

.avatar-image-container {background: url(http://img31.imageshack.us/img31/2738/iconescomments.jpg) no-repeat center; border: 0;}
.avatar-image-container img {display:none;}
.avatar-image-container img.delayLoad {display:block;}

A imagem usada pode ser trocada por qualquer uma de tamanho: 36px por 36px. Para isso encontre o link:

http://img31.imageshack.us/img31/2738/iconescomments.jpg

Substitua pela imagem que você deseja, lembrando que esse link deve ser direcionado diretamente para a imagem.

4° - Salve.
Obs.: Esse código funciona perfeitamente na maioria dos templates, caso não funcione no seu, não posso fazer nada, mas recomendo que estude um pouco sobre CSS e HTML.

Abraços

Tags: Avatar, icones comentários, autor do comentário, fotos comentáristas.

Novo: Crie seu próprio template no Blogger

O Blogger lançou hoje uma nova funcionalidade. Agora você pode criar um template de acordo com os seus desejos, sem nenhuma dificuldade e sem saber código algum.
O recurso é novo e por isso se encontra no Blogger in Draft (Painel de testes do Blogger).

Para acessar esse serviço faça login no Blogger in Draft, entre em "Layout" -> "Designer do Modelo".
Vídeo divulgado pelo Google:

Escolha um modelo de design, modifique o fundo, organize a quantidade e a disposição das colunas, modifique a fonte, troque as cores e muito mais.

Lembrando: Esse recurso é novo, por isso as ferramentas de modificações não funcionam nos templates de terceiros. Não até que alguém crie um compatível com os novos códigos.

Ainda não tenho muitos detalhes da nova funcionalidade, mas começo hoje a estudas as modificações nos códigos do Blogger. Aguarde mais notícias e novidades.

Leia também:

• The Blogger Template Designer (Blog Blogger in Draft)

Tags: Novidades Blogger, criar template, templates para blogger.

Comentários sumiram do Blogger!

Bugs! oO

Sim, esse é mais um post falando sobre mais um bug do Blogger. ¬¬
Infelizmente o Blogger é desse jeito, melhoras e bugs (não necessariamente nessa sequência).

Muitos usuários estão reclamando que os comentários de seus blogs estão desaparecendo e que contadores de comentários estão “loucos”, apontando números muito abaixo do real.
Esse problema, afeta também o contador de comentários que postei alguns dias atrás:

• O Contador de Postagens e Comentários mais completo

Esse problema está ligado ao Blogger, ainda sem maiores informações e o pior é que não temos nada a fazer ao não ser esperar.

Por esse motivo o Códigos Blog não aceitará comentários em postagens antigas, até que alguma providencia seja tomada pelo Google. Depois que estiver tudo como deveria estar, aí sim voltarei a responder os comentários de postagens antigas.

Tags: Bugs Blogger, problemas, defeitos no Blogger.

Feliz Dia Internacional da Mulher - 2010

Como eu disse em meu Twitter hoje pela manhã: Parabéns a todas as mulheres! Lindas, geeks e visitam o Códigos Blog. xD
É com um enorme prazer que desejo felicidades a todas, principalmente por sabermos que ainda existe um enorme preconceito e abuso contra vocês (mulheres).
Mas não abusem! Mulheres sofrem com deveres domésticos, gravidez, TPM e marido porco, todavia não são motivos para montarem em cima de nós homens! (hahaha)

Mulher...

"Que traz beleza e luz aos dias mais difíceis
Que divide sua alma em duas
Para carregar tamanha sensibilidade e força
Que ganha o mundo com sua coragem
Que traz paixão no olhar
Mulher,
Que luta pelos seus ideais,
Que dá a vida pela sua família
Mulher
Que ama incondicionalmente
Que se arruma, se perfuma
Que vence o cansaço
Mulher,
Que chora e que ri
Mulher que sonha...

Tantas Mulheres, belezas únicas, vivas,
Cheias de mistérios e encanto!
Mulheres que deveriam ser lembradas,
amadas, admiradas todos os dias...

Para você, Mulher tão especial...
Feliz Dia Internacional da Mulher!"
Fonte: Belas Mensagens

Saibam também que apoio e muito vocês na blogosfera. Convenhamos, tem muito macho na blogosfera.
Beijos (para elas).

P.S.: Aos homens: Não fiquem com inveja, amanhã isso passa.

Sistema de parceria Códigos Blog

Depois de dois meses de teste com um sistema de parceria para o Códigos Blog cheguei a uma conclusão: Dá trabalho pra "@%^$#^" manter um sistema de parceria. =P
Tentei criar algo justo tanto pra mim tanto para os blogs parceiros, mas infelizmente esse sistema não deu certo.

Depois desse teste vou lançar o melhor sistema de parceria pra mim e o mais justo em minha opinião para ambos os blogs parceiros.

Agora os 15 blogs que mais me enviarem visitas no período de 1 mês, vão ganhar o direito a 1 link direto localizado na sidebar lateral do blog. Esse link vai ficar localizado em todas as páginas do Códigos Blog (exceto na página Live).

• Por que é uma boa para o Códigos Blog?

Não tem como mentir, é claro que todo sistema de parceria tem a finalidade de melhorar a divulgação do próprio blog. Então com esse sistema vou receber alguns links importantes (ou não) e saudáveis.

• Qual a vantagem para seu blog?

Se você ganhar um link no Códigos Blog, provavelmente recebera algumas visitas extras, além de que o Google vai valorizar bastante.

• Por que é a melhor forma de parceria?

Recebo em média 10 e-mais por dia solicitando parceria sem contar outros assuntos, imagina se eu aceitar todo mundo... O blog vai pesar e não vou ganhar nada com isso (a maioria dos pedidos de parceria são de blogs pequenos). Acredito que uma boa parceria deve ter benefícios para ambos os lados (certo?).
É simples: Não posso abrir espaço a todos. Quando você tiver um blog com muitos e-mails, comentários e visitas... Vai entender tudo isso.

• Sobre a lista de parceiros:

A lista será inserida a partir de hoje (05.03.10) e toda primeira semana do mês vou atualizar os parceiros de acordo com as estatísticas do mês anterior, usando sempre o Google Analytics como fonte de todas as informações.

Tentei ser o mais claro e verdadeiro possível. Link o Códigos Blog, divulgue, use banners e se torne um parceiro Códigos Blog.
Desculpe, mas não posso agradar gregos e troianos.
Boa sorte.

Leia mais:
Parceiros (link interno)

Analisando a qualidade de suas visitas

“Paulo, recebo mais de 15.000 visitas por dia no meu blog, isso é bom? Meu blog é um sucesso?”
Estou cansado de ler perguntas desse tipo, porém é uma pergunta muito interessante e com inúmeras respostas.

Um bom blogueiro deve saber distinguir bons visitantes de pára-quedistas. Antes de qualquer coisa vamos aos conceitos:

Visitantes fiéis ou simplesmente: Usuários
São os visitantes que voltam freqüentemente em seu blog/site, deixam comentários, trocam idéias, assinam o feed, participam de promoções, seguem seu Twitter, defendem seu blog, etc.
Não necessariamente fazem tudo o que eu disse acima, mas são sempre ativos e marcam presença em seu blog de uma forma ou de outra.

Pára-quedistas ou simplesmente: “Enviados do Google” (kkkkk)
São os que visitam seu blog por meio de algum anuncio link ou buscador. Esses visitantes sempre são a maioria.
Esse tipo de visitante vem sempre atrás de um único conteúdo ou único post. Para ser mais preciso, é um tipo de visitante que não busca nada além de uma única indicação.

Agora basta você analisar o tipo de visita o seu blog/site recebe. Para isso, indico o Google Analytics para fazermos a análise.
Leia também:

• Entendendo o Google Analytics

O Google Analytics mostra de uma forma geral 6 estatísticas importantes:

• Visitas – Representa o número de visitantes únicos que visitaram seu blog por meio de um único IP;
• Exibições de página – Representa o número total de páginas visitadas independente de ser um único IP ou não, ou seja, representa o número total de visualizações em um determinado tempo;
• Páginas por visita – Indica uma média de quantas páginas visualizadas por um visitante. Mostrando a média da quantidade de páginas exibidas por único IP em determinado tempo;
• Taxa de rejeição – Representa a porcentagem de visitantes que entraram em seu site e saíram sem visitar nenhuma outra página;
• Tempo médio no site – Indica o tempo médio em que os visitantes estão ficando em sua página;
• Visitas novas – Mostra a porcentagem das visitas recebidas que são novas e que vieram de um IP não registrado ainda pelo contador.

Exemplos:

Imagem 1

Imagem 2

As imagens acima mostram dois tipos diferentes de visitantes em dois blogs distintos (visitas únicas em média de 8200). Vamos à análise:

1ª Imagem

Podemos notar que na primeira imagem o site recebeu muitas visualizações de páginas, algo em torno de 145% a mais do que as visitas únicas, isso significa que a maioria dos visitantes desse blog está entrando em sua página mais de uma vez ao longo do dia.
Analisando a média de páginas por visita, notamos que os visitantes estão entrando em mais de uma página interna a cada visita.
A Taxa de rejeição chega há um pouco mais de 60%, uma média estimável e normal para a maioria dos blogs/sites.
O Tempo médio é de 4 minutos e 7 segundos, algo considerável dependendo do tema do blog. Isso indica que o site está conseguindo segurar o visitante nesse período (em média).
O número em porcentagem de novas visitas pode representar dois casos diferentes, nesse caso analisando o geral podemos notar que o site/blog está crescendo, e uma média de 70% indica que de 8182 visitas, 5727 são novas (pára-quedistas) e 2455 são de visitantes antigos (fiéis).

2ª Imagem

O número de exibições de páginas não é muito elevado (comparando ao número de visitas), isso indica que apenas 17% de exibições de páginas a mais em relação ao número de visitantes únicos.
A média de páginas por visita está quase igual a 1 (número mínimo), indicando que os visitantes não estão se interessando em outras postagens.
A Taxa de rejeição está com média de 90%, indicando que apenas 10% estão realmente conhecendo o seu trabalho, as outras 90% entraram e saíram imediatamente do seu blog dentro de um período de tempo.
O tempo médio mostra claramente que os visitantes estão saindo rapidamente do blog, porque o conteúdo é ruim ou porque os visitantes não querem nada além de um único código, tutorial, arquivo ou algo do tipo.
Para finalizar a taxa de visitas novas está muito elevada e de acordo com o contexto isso significa que menos de 4% dos visitantes estão retornando.

Conclusão da comparação:

O comparativo acima mostra claramente a diferença de um blog que recebe muitas visitas com qualidade e outro com muitas visitas e pouca qualidade.
É importante saber que o reconhecimento de um blog não depende só da quantidade de visitas únicas e sim de todas as avaliações citadas acima e um pouco mais.
Pense alto, o exemplo que coloquei na primeira imagem está com uma boa média de visitantes fiéis, mas pode melhorar muito mais.

Finalizando:

Um blog depende e muito de visitantes pára-quedistas, pois deles é que vem a maior parte do lucro financeiro (leia mais: Lucro com o blog: Quando e Como?) e através deles é que nascem os visitantes fiéis (leia mais: 30 Dicas para criar um blog de sucesso), mas de maneira alguma muitas visitas significam popularidade e reconhecimento. #fato

Blogar é uma arte, crescer faz parte e não ao contrário. ;D

Tags: analisar visitas, muitas visitas no blog, ter visitas, qualidade de visitantes.

O Contador de Postagens e Comentários mais completo

Atualizado! 10.05.10 - Widget no ar!

Imagem do widget em funcionamento

Como eu já havia prometido, aqui estou divulgando mais um widget, dessa vez é o contador de Postagens e Comentários para Blogger, muito eficiente, desenvolvido não por mim (passou longe...) e sim pelo Fernando do Blogueiros na Web.

Esse widget além de ser mais eficiente do que os demais já publicados, é mais completo e conta com inúmeras funcionalidades.

Atualizado! (10/03/10) - Problemas com o número de comentários? -> Comentários sumiram do Blogger!

Para adicioná-lo siga os passos abaixo:

1º - Faça login no Blogger, entre em: “Layout” -> “Elementos da página”. Adicione um novo gadget do tipo: “HTML / JavaScript”.

2º - Adicione o código abaixo:

<script language='javascript' type='text/javascript' src='http://widgets.blogueirosnaweb.com/counter.php?mode=posts'></script>

O código acima está programado para mostrar a quantidade de postagens, para mostrar o número de comentários substitua:

post por comments

Para colocar o código completo repita o código e modifique um deles para mostrar os comentários.

Veja o código completo que desenvolvi para você usar em seu blog:

1) Simples:
Esse blog possui postagens e comentários.

Código:

Esse blog possui <script language='javascript' type='text/javascript' src='http://widgets.blogueirosnaweb.com/counter.php?mode=posts'></script> postagens e <script language='javascript' type='text/javascript' src='http://widgets.blogueirosnaweb.com/counter.php?mode=comments'></script> comentários.

2) Personalizado:
Temos atualmente:
Postagens
Comentários

Código:

<b>Temos atualmente:</b><br/>
<span style="font-family: Arial, Helvetica, sans-serif; padding-left: 20px; background: url(http://img710.imageshack.us/img710/9282/postji.png) 1px 3px no-repeat;"><script language='javascript' type='text/javascript' src='http://widgets.blogueirosnaweb.com/counter.php?mode=posts'></script> Postagens</span> <br/> <span style="font-family: Arial, Helvetica, sans-serif; padding-left: 20px; background: url(http://img696.imageshack.us/img696/7921/commentp.png) 1px 1px no-repeat;"><script language='javascript' type='text/javascript' src='http://widgets.blogueirosnaweb.com/counter.php?mode=comments'></script> Comentários</span>

• Para mostrar número de comentários ou postagens de um único marcador adicione:

&label=feed

Substitua feed pelo nome do marcador desejado e adicione a tag acima depois de todo conteúdo do SRC, dentro das aspas.
Exemplo:
Código:

<script language='javascript' type='text/javascript' src='http://widgets.blogueirosnaweb.com/counter.php?mode=posts&label=feed'></script>

Resultado do código com texto: O Códigos Blog possui atualmente postagens com o tema: Feed

Para descobrir outras funcionalidades acesse:

• Insira o mais Poderoso Contador de Posts e Comentários para Blogger no seu Blog! (Blogueiros na Web)

Lembre-se: Os widgets acima foram desenvolvidos por mim usando os códigos do Fernando, se você gostou do widget não vou obrigar ninguém a usar créditos, mas agradeço aqueles que puderem colocar um simples link ou banner do nosso blog como agradecimento.

Estou desenvolvendo alguns widgets personalizados que mostra o número de Assinantes Feed + Seguidores Twitter + Número de Postagens + Número de comentários. Aguardem...

Tags: Widgets, contador de postagens e comentários, exibir número de comentários e postagens.