O Google, em seu sistema de busca está usando um novo botão de compartilhamento chamado “Google +1”. A novidade apareceu há algum tempo e agora você pode colocar em seu blog também. É como um botão de rede social para você clicar e divulgar o que gostou e/ou está lendo, compartilhando isso com seus amigos. Esse post tem tutorial para usuários do Blogger e do WordPress.org adicionarem o novo botão em seus blogs.
Para quem ainda não viu a novidade, pode assistir o vídeo (com legenda em português), além de já poder clicar no botão funcionando abaixo do título desse post, junto ao botão do Twitter e do Facebook.
Esse sistema do “+1” da Google está integrado ao sistema de busca, ao perfil de usuário de serviços deles e ao Buzz. Mas agora você também pode colocar em seu blog para seus visitantes compartilharem assim também.
Se você entende um pouco mais de HTML e do funcionamento do seu blog, pode acessar diretamente a página do novo botão (tudo em português) para gerar o código como preferir.
Acesse: http://www.google.com/intl/pt-BR/webmasters/+1/button/
Funciona tanto no Blogger quanto no WordPress.org sem problemas e lá tem as instruções básicas. Mas se preferir, veja o tutorial passo-a-passo logo aqui abaixo.
Como adicionar no Blogger (também em português)
Quem usa o Blogger verá que é bem simples adicionar o novo botão, que vem junto dos outros botões de compartilhamento (Share buttons), mas também pode ser adicionado separadamente.
Para usar junto dos botões, basta ativá-los entrando no menu “Design” ~> “Elementos da página”. Em seguida clique em “Editar” da área de posts para abrir a janela de opções, como ilustra a imagem abaixo.
Feito isso é só salvar as modificações e ver o resultado em seu blog.
Caso, e somente caso o novo botão não aparecer em sua página, nem dentro dos posts, volte ao painel do Blogger, clique novamente no menu “Design” ~> “Editar HTML”, marcando a opção “Expandir modelos de widgets”.
Então procure pela linha <body> e, imediatamente ABAIXO dela cole o seguinte trecho de código:
<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
{lang: 'pt-PT'}
</script>
Não mude nada nesse código e salve o modelo. Volte ao seu blog para ver funcionando.
Como adicionar no WordPress.org (Plugin)
O bom de usar o WordPres.org é poder contar com os plugins que facilitam nossa vida e não precisarmos mexer em códigos para usar certos recursos. Se você quer colocar o novo botão +1 do Google no seu blog que usa o WordPress.org, há um plugin para isso também.
Fazer download do Plugin: The Google +1 plugin
Depois de instalado é só fazer as devidas configurações. Isso inclui também uma nova opção de Widget, que pode ser inserido na barra lateral (sidebar).
Mas caso você deseje inserir o novo botão do Google no seu blog do Blogger ou do WordPress.org sem precisar dos outros botões de compartilhar padrão, mas diretamente do código original, basta acessar o link do gerador do código que citei acima.
Lá você pode escolher o modelo do botão. O código que for gerado deve ser inserido nos lugares descritos sem modificações.
Onde ver o que você compartilhou?
Tudo o que você compartilhar usando esse novo botão, ficará disponível em uma lista do Google Profiles (seu perfil do Google) https://profiles.google.com/. Há uma nova aba de menu chamada “+1”, como ilustra a imagem abaixo do meu perfil:
Em breve darei mais detalhes, pois há rumores de que será possível acompanhar as estatísticas dos cliques, além de esperarmos que apareça essa função no sistema de buscas do Google em português.
Fonte: Add +1 to help your site stand out, Blogger Buzz e Introducing the free WPMU DEV Google +1 WordPress Plugin.
Já to usando, implantei agora, do lado direito do texto alinhado com o mesmo, o maior tamanho to usando, perfeito.
Marcos, existe alguma configuração para a visualização do botão?
Aqui e em outros canais que visitei, comentam sobre o botão mas, não tenho a visualização do mesmo.
Abraço
Não… para visualizar o botão você não tem que fazer nada.
Marcos, muito obrigado pela dicas. Todo dia te visito atrás de novos conhecimentos.
Já implantei no meu blogue.
Tenho uma dúvida aqui sobre os comentários: para comentar bastar por o nome e o e-mail, mas daí qualquer um pode se passar por qualquer um. Existe um modo de autenticação igual ao do blogspot ou disqus para comentar aqui?
Nao… esse é o meio mais simples que arrumei para que todos possam comentar sem dificuldades.
Mesmo assim os comentários são moderados para evitar problemas.
Tem também o IntenseDebate, que eu uso no meu blog. Ele é muito bom e já ouvi até falar que era uma evolução da plataforma padrão de comentários do WordPress.
Como sempre, a gigante Google mais uma vez mostrando sua competência. Excelente meio de divulgação, vou estudar um pouco o código do botão e talvez adicione em meus blogs.
Parabéns pelo artigo!
Já coloquei esse botão. Valeu Marcos!
Vamos ver se a Google consegue emplacar esse.
Gostei da informação, estarei providenciando para testes em breve.
Espero que seja útil.Assim como seu Blog.
Parabéns.
Eu gostei da proposta, principalmente se o botão indexar melhor nossos sites no google. tomara viu.
Mais uma vez vc marco lemos saindo na frente lançando este post.
Um abraço e obrigado.
Poxa, o botão é tão eficiente que vou coloca-lo também no meu site, já adicionei no meu blog, ficou show!
Ei Marcos, tudo bem?!
Valeu a dica já incluí no meu site.
Se gostar dá um clique no Botão +1 , ok? rsrsrs
Grande abraço.
Como fazer para colocá-lo na home do blog mas que faça referência ao post e não ao blog, tentei inserir o código junto com o do twitter e facebook, que funcionam dessa maneira, mas toda vez que clicava no botão +1, fazia a referência ao blog, não ao post (só se o post fosse ‘aberto’)..
Oi, por acaso criaram algum empecílio p/ quem não usa os templates do blogger usar os botões de compartilhamento?
A algum tempo ele desapareceram dos meus blogs. Achei que podia ser por causa desse novo botão, mas mesmo fazendo as alterações que vc sugeriu neste (ótimo) post, eles não aparecem.
Já implementei no meu site mas estou sentindo mesmo falta de um painel de estatísticas.
Tem uma maneira que teoricamente poderia ser acompanhada no Google Analytics, mas coloquei o código e não vi nenhum referência a essas estatísticas no analytics.
Resta esperar.
Grande Marcos, primeiro quero agradecer pelas suas informações, não sou nenhum profissional da área, mais, como curioso, venho conseguindo fazer o mínimo que posso para melhorar o Blogdojosival e, estas melhoras é fruto das informações de meu site de consulta e aprendizado Ferramentas Blog, aproveitando isto, te deixo uma pergunta. Fiz exatamente o que orienta seu post em relação aos botões das redes para aparecer nas página de meu blog, não deu certo, realizo as orientações e não aparece os botões, o que será que está acontecendo?
Forte abraço.
Grande dica!!! Entrei agora para o Google+ e estava procurando o botão +1 no meu blog e não estava achando. Com essa dica o botão apareceu. Claro!! O Marcos é bala!!!
Pingback: Como usar o Google+ para divulgar seu Blog | [ Ferramentas Blog ]
é possível usar com o balão de contagem em cima?
no pluging do wordpress seria a opção “Tall” porém quero pro blogger e parece que o google não oferece nativamente essa opção, tem alguma outra forma de mudar?
O único jeito de mudar é você mesmo adicionando o código do botão “Tall” manualmente a partir do código HTML citado na primeira parte dese tutorial.
Pingback: Botões que o seu Blog tem que ter | [ Ferramentas Blog ]
Marcos, boa tarde! Instalei o botão google +1 no meu blog ()esse aí em cima e tudo ok, porém no outro blog que tenho, não funcionou, aí fiz conforme vc indica – incluir novo trecho após expandir widgets e após … não apareceu nada. E agora?
Muitíssimo grata pela ajuda.
Lais.
Os tutoriais do Ferramentas Blog já foram mais esclarecedores. Ultimamente eu tenho saído do FB muito decepcionado e sem entender nada do que eu leio aqui. Eu gostaria de ver mais detalhes sobre incorporação no no Blogger.
Mais detalhes do que entrar num menu, apertar um botão, como mostram as imagens, fica difícil…
No blogger isso é automático. Não tem segredo nem dificuldade.
Saiu tudo incompleto… apague o comentário anterior pls..
Olá Marcos,
Coloquei o código:
“script src=’https://apis.google.com/js/plusone.js’ type=’text/javascript’
{lang: 'pt-BR'}
/script”
Após a linha “body”. Mas por algum motivo a imagem e o resumo do post não aparece. Vc saberia pq? Obrigado..
Alberto Lozéa
Olá Marcos, ótima postagem, muito didática. Ajudou a resolver a falta do botão Google +1 no meu blog que não aparecia mesmo adicionando os botões de compartilhamento.
Muito obrigado!
Creio que configurei meu botão +1 de forma errada, pois quando clico nele para marcar publicamente um site só aprece deste jeito: minha foto e esta frase (Você marcou isto com +1)
Não aparece meu nome e nem a data em azul conforme está nos comentários acima.
O que devo fazer?
João… Está certo… é assim mesmo.
quando eu clico no botão +1 compartilha-se a página inicial do meu blog e não o artigo. cada postagem tem o botão +1 no final do artigo, naturalmente esse problema não se repete se o botão for clicado quando se está na página do artigo.
como eu resolvo este problema?
Olá Marcos li no final do seu post sobre “Onde ver o que você compartilhou?”
Eu já adicionei o botão +1 e estou utilizando, mais não consigo achar essa nova aba chamada “+1” em nenhum lugar no meu perfil do google ai fico sem saber quem está compartilhando?!
Obrigada.
vá no seu perfil do googleplus e ao lado da aba videos tem ums “+1s” 😉
Oi Túlio obrigada por tentar me ajudar
Mais o que está acontecendo é que não aparece nada
Só tem Aba de Fotos e Vídeos, não sei o que tem de errado
meu perfil do google está escrito em potuguês “Google perfis” e em lugar nenhum acho o +1
Consegui ver o botão +1 gente obrigada!
Abraços.
Olá Marcos,
Gostaria de tirar algumas dúvidas da minha mente. Eu tenho um blog no blogger e como eu uso um template gratuito feito por download não consigo colocar o +1 de forma simples como aquela de entrar no layout e definir os botõezinhos das redes sociais.
Coloquei o código que você disse pra ver se aparecia, mas também não apareceu. Eu gostaria de um tutorial semelhante, porém mostrando passo a passo como fazer isso por meio de HTML no blogger.
Desde já agradeço
Larissa,
O que você perguntou está na primeira parte do tutorial, onde mostro o local de gerar o código. Siga as instruções e teste para ver o melhor lugar para adicionar em seu blog.
Olá Marcos!
Para postar no blog e no Twitter ao mesmo tempo existe o Twitterfeed, você conhece algum aplicativo que possibilite o envio de posts para uma página no Google + automaticamente?
Um abraço!
Infelizmente ainda não existem recursos e aplicativos para isso.
Pingback: Novos Gadgets do Blogger para o Google+ | [ Ferramentas Blog ]
Pingback: Popularizar seu blog com Google Plus | Officeweb - Mídias Sociais e novidades
Pingback: O que é o Plus One? | O Minuto do Saber
Marcos, como saber quem marcou minhas postagens com +1? Quando tento ver, aparece assim:
“5 pessoas marcaram esta postagem com +1
Foto do perfil de Renata Modesto Renata Modesto (eu)
+ 4”
Mas não consigo ver quem são essas 4 pessoas porque não é clicável. Como faço para ver?
Renata,
infelizmente essa é uma limitação do G+ e do Facebook. Quando clicam nesses botões em nosso blog não temos como saber quem clicou.