Como criar contadores de assinantes, seguidores e fãs?

Página Inicial > Noticias Tecnologia > Como criar contadores de assinantes, seguidores e fãs?

Como criar contadores de assinantes, seguidores e fãs?

17, janeiro, 2011 admin Deixar um comentário Ir para os comentários

Muitos têm interesse em colocar contadores de assinantes, seguidores e fãs em seus sites, assim como tenho na Escola WordPress. O contador que utilizamos foi, inclusive, reprogramado pelo amigo do Ferramentas Blog e como forma de disponibilizá-lo para todos que também façam uso da plataforma Blogger.

A primeira versão dos nossos contadores fazia uso de 3 plugins WordPress para acessar as APIs do Feedburner, Twitter e Facebook. No entanto, descobrimos um plugin que faz tudo isso sozinho e que tornou o nosso trabalho mais fácil em termos de desenvolvimento.

Ao contrário do que muitos usuários pensam, esses contadores não são um plugin WordPress, mas usam um plugin para puxar os dados. Tudo o resto é programação HTML e CSS. Não iremos revelar o nosso código por inteiro, sob pena de muitos copiarem integralmente o estilo do nosso contador, mas iremos explicar passo-a-passo como criar esses contadores e colocá-los funcionando corretamente. O resto, ficará dependente de sua imaginação e obviamente, de sua capacidade para programar o HTML e CSS de forma que os contadores fiquem bonitos e atrativos para seus leitores e usuários.

Ativar a API do FeedBurner

Para que seu número de subscritores do Feedburner seja apresentado corretamente e sem erros, é necessário habilitar a sua conta do Feedburner para que possa receber acessos de terceiros para coletar essa informação. Ninguém terá acesso à sua conta do Feedburner, mas você conseguirá puxar seu número de subscritores indicando o nome do seu RSS Feed.

Para começar, clique no botão Publicize da sua conta do Feedburner depois de selecionar o seu RSS Feed para o site onde pretende puxar o número de subscritores, obviamente.

Depois, do lado esquerdo, clique em Awareness API e clique em Activar para ativar esse serviço e deixar seu RSS Feed disponível para leitura de dados através da API do Feedburner.

Ativar a API do Facebook

No Facebook, acessar aos conteúdos da sua página de fãs é um processo um pouco mais complexo. Para começar, teremos que criar uma aplicação (app) para usar posteriormente no acesso aos dados da página de fãs em questão.

Vamos acessar o endereço http://www.facebook.com/developers/ e em seguida Criar Nova Aplicação. Caso não consiga acessar a página, é porque o Facebook está pedindo para você criar uma conta de Developer. Se for o caso, visite o endereço http://forum.developers.facebook.net/register.php e crie sua conta de Developer gratuitamente. A conta não irá servir para basicamente nada, exceto para este processo, portanto, fique tranquilo.

No campo Nome da Aplicação, deverá colocar um nome que possa facilmente identificar depois na sua lista de aplicações. No entanto, não uses palavras como "Facebook" ou "FB" porque são proibidas nesse tipo de aplicativos. Não se esqueça de aceitar as Condições do Facebook e clicar depois em Criar Aplicação.

Na tela seguinte, não vamos fazer nada. Vamos simplesmente clicar em Back to My Apps para acessarmos as informações que realmente nos interessam para puxar os dados de nossos subscritores.

Para conseguirmos puxar corretamente o número de subscritores, iremos necessitar da Chave API e também do Segredo Aplicação, portanto, mantenha a página aberta ou guarde os dados num local de fácil acesso.

Instalar o plugin Subscribers Text Counter

O grande segredo é que existe um fantástico plugin para WordPress, chamado Subscribers Text Counter, que faz praticamente todo o trabalho por nós, não sendo necessário programar rotinas de acesso aos dados das diferentes APIs que pretendemos usar.

Depois do plugin instalado e devidamente ativado, vá nas opções dele e comece a preencher os dados necessários. Começando pelo Twitter Settings, onde você terá apenas que colocar o seu username do Twitter, nada mais. Para puxar o número de seguidores no Twitter não é necessário correr nenhum processo de ativação/liberação da API, tal como acontece com o Feedburner e o Facebook e que explicamos anteriormente.

Nas opções do Feedburner, você deverá colocar o endereço do seu RSS Feed. Normalmente são endereços do tipo http://feeds.feedburner.com/seuusername, e neste caso apenas coloca o seuusername, nada mais. O processo de liberação da API já fizemos mais em cima.

Para os campos do Facebook, vamos necessitar do Page ID, que pode ser encontrar facilmente da seguinte forma:

Vá na sua página de fãs, do tipo www.facebook.com/escolawordpress e por baixo do seu logotipo, ou da imagem que sua página tiver, clique no botão Editar Página, para que possamos então puxar o ID da página.

Agora, depois de ter carregado no botão Editar Página, olhe para o endereço na barra do seu browser, e tente identificar seu ID, tal como mostra a imagem. Esse é o ID que teremos de colocar lá em cima no campo Page ID do plugin.

Depois disso, basta colocar os dados API Key e API Secret que são a Chave API e o Segredo Aplicação, conforme vimos em cima, e clicar no botão atualizar para que o plugin corra todas as informações e puxe seus dados corretamente.

Puxando os contadores para seu site

Para puxar os digitos para seu site, o processo é bastante simples. Você tem dois tipos de shortcodes que pode usar para puxar os dígitos e colocamos em seu site, seja na barra lateral ou simplesmente num artigo.

Para colocar na barra lateral, você deverá usar os seguintes códigos:

Twitter: &lt;?php echo stcounter(‘twitter’) ?&gt;

Facebook: &lt;?php echo stcounter(‘facebook’) ?&gt;

Subscritores: &lt;?php echo stcounter(‘feedburner’) ?&gt;

O ideal é não criar um widget, embora seja possível, mas editar diretamente seu ficheiro sidebar.php e criar um cantinho para seus contadores, de forma a personalizá-los da melhor forma possível com algumas linhas de HTML e CSS.

Existe lá no plugin também uma opção para mostrar os contadores em postagens. Veja os contadores em tempo real:

Twitter: 260

Facebook: 334

Subscritores: 2178

Todos Somados: 2772

O plugin atualizado os dados de 7200 em 7200 segundos, o que dá de 2h em 2h. No entanto, você pode ir no plugin e carregar no botão Refresh Counters Now e atualizar de imediato seus contadores para os novos valores.

Está preparado para criar seus contadores bonitos e elegantes para mostrar aos leitores e usuários o quão popular você é? Se tiver dúvidas, ou quiser apenas mostrar seu suporte a nosso artigo, deixe um comentário! Não esqueça também de nos ajudar a divulgar este artigo através do Twitter e Facebook. Nós agradecemos e prometemos mais artigos de qualidade!