Adicionar o botão Google Plus Share no Site

Por | Atualizado em 2015-11-01

O Google Plus possui agora um botão de partilha que permite aos seus visitantes compartilhar todo o conteúdo que achem interessante do seu Site / Blog.

De salientar, que o botão partilhar não é igual ao botão Google +1 (tal como acontece no Facebook, em que o botão Compartilhar é diferente do botão Curtir).

O seu botão compartilhar pode ser usado para compartilhar os seus artigos, ou uma página específica. Para adicionar o botão Partilhar do Google Plus basta copiar o seguinte código (do botão que mais gostar), e colar na sua página. Por exemplo:

Botão Google Plus Share (sem contador):


<!-- Place this tag where you want the share button to render. -->
<div class="g-plus" data-action="share" data-annotation="none"></div>
<!-- Place this tag after the last share tag. -->
<script type="text/javascript">
window.___gcfg = {lang: 'pt-BR'};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>

Botão Google Plus Share (Bolha Horizontal):


<!-- Place this tag where you want the share button to render. -->
<div class="g-plus" data-action="share" data-annotation="bubble"></div>
<!-- Place this tag after the last share tag. -->
<script type="text/javascript">
window.___gcfg = {lang: 'pt-BR'};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>

Botão Google Plus Share (Bolha Vertical):


<!-- Place this tag where you want the share button to render. -->
<div class="g-plus" data-action="share" data-annotation="vertical-bubble" data-height="60"></div>
<!-- Place this tag after the last share tag. -->
<script type="text/javascript">
window.___gcfg = {lang: 'pt-BR'};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>

Botão Google Plus Share (Inline):


<!-- Place this tag where you want the share button to render. -->
<div class="g-plus" data-action="share"></div>
<!-- Place this tag after the last share tag. -->
<script type="text/javascript">
window.___gcfg = {lang: 'pt-BR'};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>

Incorporar botão na sua página:

No Blogger: Copie um dos códigos fornecidos e aceda ao menu “Modelo” – Editar HTML – ative a caixa de verificação “Expandir modelos do widget” – procure o seguinte trecho:

<div class='post-footer'>

Cole o código de incorporação do botão imediatamente a seguir esse trecho.

Nos restantes sites:

O botão Partilhar do Google Plus é muito simples de inserir, bastando colar o código de incorporação no código HTML do seu template.

Criar botão “Partilhar” personalizado

Adicionar o botão Google Plus Share no Site

Caso necessite criar um botão Partilhar personalizado, poderá utilizar o gerador fornecido pelo Google na seguinte página: Gerador botão Google Plus Share.

Um comentário em “Adicionar o botão Google Plus Share no Site

Deixe uma resposta

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