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):

<head>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'pt-BR'}
</script>

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

<g:plusone></g:plusone>

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

6 thoughts on “Colocar Botao Google +1 no Seu Site

  1. 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.

    Reply
  2. Rick

    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?

    Reply
    1. 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

      Reply
    2. 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

      Reply
    3. Gus

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

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

      Reply

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *