Integre o botão Google +1 no seu site

Desde que o botão Google +1 foi introduzido nos resultados de pesquisa da Google, foi anunciado que este estaria disponível para implementação por qualquer site, estando essa funcionalidade agora acessível.

O que é o botão Google +1?

O botão Google +1 é a resposta da Google ao botão Like (Gosto) do Facebook. Fazer um +1 é o equivalente a mostrar o nosso suporte a algo e, se o permitirem, essa informação será partilhada publicamente, inclusivé no vosso perfil da Google (vejam o exemplo dos +1 no meu perfil da Google). Os vossos contactos irão ver as vossas recomendações nos resultados da Google, por isso há um grande incentivo para que outros sites incluam o botão, de forma a melhorarem o seu ranking nos resultados. É necessária uma conta da Google para se fazer um +1.

O botão +1 da Google já está a ser usado em vários sites públicos, incluindo TechCrunch, Mashable, Rotten Tomatoes, entre outros, incluindo da própria Google, como o YouTube, o Android Market, o Blogger e mais.

Como incluir o botão +1 da Google no seu site

Para integrar o botão +1 da Google no seu site, basta colocar um bocado de HTML no seu template. A Google fornece um serviço para gerar o HTML do botão - podem escolher o seu tamanho, o idioma, com ou sem contagem, entre outras opções avançadas. Este é o código da configuração padrão do botão:

<!-- Place this tag in your head or just before your close body tag -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

<!-- Place this tag where you want the +1 button to render -->
<g:plusone></g:plusone>

Se receberem erros ao carregar no botão (um ponto de exclamação com um fundo vermelho), certifiquem-se que a página é pública e experimentem adicionar a tag script à tag head no vosso HTML, especificando se necessário o atributo href na tag g:plusone (nós tivemos que fazer isso neste site para o botão funcionar). Também podem experimentar a sintaxe HTML5 alternativa. Para mais detalhes vejam a API do Google +1.

Se usarem o serviço de partilha AddThis no vosso site, ficaram contentes por saber que já tem suporte para o botão +1 da Google, mas tenham em atenção que neste momento existe um bug que previne o botão de aparecer no Internet Explorer. Aqui está um exemplo HTML do AddThis que inclui o botão +1 da Google:

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_google_plusone"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4de7924d0dad8ac4"></script>
<!-- AddThis Button END -->

O botão +1 da Google também está integrado no Blogger, por isso se tiverem um blog hospedado nesse serviço, provavelmente já o têm. Se não o tiverem, podem ver os widgets disponíveis nas configurações de design do vosso blog.

Futuro do Google +1

As actualizações ao botão +1 da Google não ficarão por aqui e se forem administradores de um site ficarão contentes de saber que está a chegar um serviço de estatísticas do botão +1. Também para breve está a extensão para browsers do Google +1, esta até já foi mostrada por engano num anúncio de TV do Google Chrome, mas ainda não há data para o seu lançamento.

O verdadeiro impacto do Google +1 ainda é desconhecido, mas ao contrário de outros serviços sociais da Google, este tem tanto de simplicidade para o utilizador como de utilidade para os donos de sites, embora o seu sucesso esteja sempre dependente da sua adopção de forma global. Com o suporte da Google, este serviço tem o potencial de ter um grande impacto, mas ainda precisa de provar a sua utilidade aos utilizadores.

Nuno Freitas
Publicado por Nuno Freitas em 02 junho, 2011

Artigos relacionados