Colocar Botao Google +1 no Seu Site

By | junho 2, 2011

A mais nova função da ferramenta de pesquisa Google é o “botão +1”, similar a idéia do Facebook do botão curtir mas direcionado para indicar os melhores sites da internet.

Existem duas formas que o botão +1 funciona, uma é quando você faz qualquer pesquisa no site Google.com, na listagem dos resultados você encontrará ao lado de cada ítem o botão para você dizer que aquele resultado realmente funcionou.

Outra maneira é diretamente na página que você acessou, similar ao botão de curtir do Facebook ou o de Twitter. Desta forma quando você acessa pode indicar aquele site para outras pessoas.

Google 1 buttons

Atualização: Veja como instalar o novo botão Google +1 modo avançado.

Eu ja coloquei nas páginas deste site que usa a plataforma WordPress o botão +1 do Google. Está lá em cima ao lado direito do título. Qualquer que seja a interface do seu site, blogger, joomla, ou qualquer outro, ele deve possuir uma maneira de editar o arquivo com o código fonte html.

Você pode gerar um botão do Google +1 personalizado, no idioma e formatação que deseja na página do Google Webmasters

Depois que configurar na página acima, para colocar o botão Google +1 no seu site basta inserir dois pedaços de código (para a versão standard do botão, outros formatos gere o código a partir do endereço acima na página Webmasters), o primeiro no cabeçalho da página para chamar a API, no WordPress dentro do arquivo header.php, procure a abertura da tag head (já presente no código html da sua página):

O outro pedaço de código você vai inserir onde quer que apareça o botão:

Minha opinião é que você coloque este botão ao lado dos já existentes de Twitter e Facebook, afinal é mais uma maneira de compartilhar e fazer propaganda da sua página.

Compre na China, Frete Grátis para o Brasil

  • João N

    Tentei colocar no cabeçalho do meu blog direto na tag header (blogger). Aparece o botão, mas não funciona – qdo eu clico não acontece nada. Eu adicionei o primeiro código na tag head como você menciona. Sabe como fazer para ativar o botão?
    Obrigado e parabéns pela postagem.

  • Cara, estou tentando segui sua recomendação de inserir ao lado dos já existentes de Twitter e Facebook, mas não estou conseguindo. Como devo proceder?

    • Gus

      tem que usar css, colocar eles num div com float
      veja o codigo fonte da minha página, usa a extensão firebug para firefox que ajuda a estudar como as coisas foram programadas.

      2011/7/28 Disqus

    • Gus

      tem que usar css, colocar eles num div com float
      veja o codigo fonte da minha página, usa a extensão firebug para firefox que ajuda a estudar como as coisas foram programadas.

      2011/7/28 Disqus

    • Gus

      alias, parabéns pelo seu blog que é muito interessante!

      Em 28 de julho de 2011 14:30, Gustavo Leig escreveu:

  • Já coloquei o botão com sucesso. É muito fácil!