Dominio: gerenciandoblog.com.br
Chave: 00e39a4dc6309327334fa422703bddd1e83c509f
Hora do cache: 1484564496
Vida do cache: 1485860492
Status: 1
Mensagem: Licença válida
Chave do Pedido: 11808bbc6205bade68f0b70c302eaa74d4305945
Chave do Produto: PROKEY
Scroll Top

Hospedagem - 728 x 90

divulgação redes sociais

AddThis: botões para seus visitantes compartilharem suas postagens

add-this_thumb4Conheça o AddThis, um gadget grátis para que seus leitores compartilhem os seus artigos em redes sociais.



Introdução

As redes sociais podem ser ótimas para dar mais destaque ao seu blog e conseguir mais visitas para seus artigos.

Isso fica ainda melhor quando a divulgação é feita pelos seus próprios leitores.

Você pode tornar isso mais fácil deixando botões de compartilhamento visíveis em seu blog, bastando ao leitor clicar neles para enviar às suas redes.

Um ótimo gadget grátis para fazer isso é o AddThis. Ele permite o compartilhamento em diversas redes, incluindo as mais famosas (Facebook, Google+, Twitter e muitas outras).

É ele que você vê na barra lateral que fica à esquerda de sua tela aqui no Gerenciando Blog.

No próximo item, você aprenderá a instalá-lo em seu blog.

Instalando o AddThis em seu blog

1. Acesse http://www.addthis.com.

2. Clique no botão “Sign In”.

 

add-this-01_thumb

3. Você pode optar por fazer o login com sua conta do Facebook, Twitter ou Google, bastando clicar sobre um deles.

Ou, se preferir, clique na opção “Create Account” para criar uma nova conta.

Dependendo da opção escolhida, haverá uma etapa de confirmação em tela para você poder prosseguir.

Neste tutorial, utilizarei a opção “Create Account”.

 

add-this-02_thumb

4. Preencha as informações solicitadas e clique em “Register”.

 

add-this-03_thumb

5. Você será levado de volta à tela inicial do AddThis. Clique em “Get the code” e depois em “Share buttons”.

 

add-this-04_thumb

6. Apesar de haver a possibilidade de colocar o gadget diretamente no Blogger, eu prefiro escolher a opção “A Website” em “Get sharing buttons for”, pois isso dá mais possibilidades de configuração.

Neste exemplo, mostrarei como colocar um botão como o que tenho aqui, com contadores de compartilhamento. Para isso, basta marcar as opções abaixo:

 

add-this-05_thumb

7. Veja que o código para seus botões foi gerado na caixa “Add to your site”.

Você só precisa agora copiar esse código e colá-lo em um gadget do tipo “HTML/JavaScript” em seu blog.

Caso não saiba como fazer isso, veja o artigo Como Adicionar Gadgets em seu Blog.

 

add-this-06_thumb

Pronto! Com isso, você já terá o botão para compartilhar as postagens em seu blog.

Ajustes que você pode realizar

Se você desejar, pode realizar alguns ajustes para que o seu gadget fique ainda melhor em seu blog.

Eles são feitos com pequenos ajustes no código HTML que foi gerado pelo AddThis.

Tomarei novamente como exemplo o gadget que estou utilizando aqui no Gerenciando Blog, com contadores.

1. Alterar a posição em que ele será exibido

O primeiro ponto que você pode alterar é a posição em que a barra será exibida em sua tela.

Na configuração original, ela ficou em uma posição estranha no meu blog. Isso pode ser ajustado alterando a linha abaixo:

<div class=”addthis_toolbox addthis_floating_style addthis_counter_style” style=”left:0px;top:200px;”>

Você só precisa modificar os trechos destacados em colorido.

O vermelho indica a posição horizontal, contada a partir da borda esquerda da tela. O azul indica a vertical, contada a partir do topo.

2. Adicionar outros botões

Por padrão, a barra de botões com contadores mostra os botões do Facebook, do Twitter e do Google+. Há também no final dela um botão genérico do AddThis, com diversas outras redes.

O que determina o que será mostrado são as linhas abaixo:

<a class=”addthis_button_facebook_like” fb:like:layout=”box_count”></a>
<a class=”addthis_button_tweet” tw:count=”vertical”></a>
<a class=”addthis_button_google_plusone” g:plusone:size=”tall”></a>
<a class=”addthis_counter”></a>

Você pode remover as que não quiser mostrar. E também pode adicionar outras. Em meu caso, por exemplo, adicionei o LinkedIn.

Na página Third Party Buttons, você encontrará os códigos para as demais redes que estão disponíveis.

3. Remover o código estranho da barra de endereços

Dependendo de como você faça a instalação do AddThis em seu blog, suas postagens podem começar a ser mostradas com códigos estranhos após sem endereço.

Algo como o exemplo abaixo, em que o código adicional está destacado em negrito:

Isso é utilizado pelo AddThis para rastrear as vezes em que seu link foi publicado em outros sites. Mas, se você não quiser que isso aconteça, basta alterar o trecho do código que está destacado abaixo:

<script type=”text/javascript”>var addthis_config = {“data_track_addressbar”:true};</script>

Troque a palavra true por false e isso não ocorrerá mais.

Conclusão

Gostaram? Eu acho uma solução bastante interessante e simples, que inclusive vem instalada por default em diversos templates personalizados para o Blogger.

O AddThis pode fazer muita diferença no número de compartilhamentos que seus artigos terão a partir de agora!

E você, já o conhecia?

Deixe um comentário e compartilhe sua experiência!

AddThis: botões para seus visitantes compartilharem suas postagens
5 (100%) 1 vote


De um play no vídeo abaixo e aprenda a Criar blogs Profissionais




Gostou deste artigo? Ajude nosso projeto.
Compartilhe em suas redes sociais nos botões abaixo:

Sobre o autor | Website

Especialista em Marketing Digital, presta Consultoria e auxilia diversos clientes. Amante por blogs, é responsável pela administração dos blogs Afiliados na web, Gerenciando Blog e Mundo Blogger.

30 Comentários

  1. Marc Ferr disse:

    O que tenho no meu blog é parecido não é? Tentei entrar no addthis mas para mim apareceu a opção paga mesmo tendo clicado na opção free.
    Grande abraço

  2. Lu disse:

    Adelson,
    eu já uso o AddThis há muito tempo e estou satisfeita. Gosto muito também dos relatórios semanais que eles enviam dando uma visão do conteúdo do blog que foi compartilhado.
    Um grande abraço,
    Lu

    • Adriano Luz disse:

      OIá, Lu!

      Ainda não recebi meu primeiro relatório semanal! Estou ansioso para saber como ele é.

      Mas, a barra de ferramentas é ótima para que os visitantes possam compartilhar nossos conteúdos. Isso já vale o gadget.

      Um abraço!

  3. Fabio Alves disse:

    ferramente muito útil e simples de usar.

  4. Bruno Bezerra disse:

    Olá, Adelson!,

    Gostei da funcionalidade dos botões do site ''AddThis'', são instalação simples, porém, representam grande importância para um site ou blog que tenha um número grande em termos de acessos!,

    Abraços!.

    • Adriano Luz disse:

      Olá, Bruno!

      Eu também gosto muito do AddThis! Depois que passei a utilizá-lo com o posicionamento atual, já percebi o aumento no número de compartilhamentos.

      Um abraço!

  5. FABRÍCIO SILVINO disse:

    Boa tarde, Adelson!

    Gostei muito desta funcionalidade. Fácil de instalar, agora é esperar o retorno. Excelente artigo.

  6. Carla Pontes disse:

    Olá Adelson,

    Obrigada por disponibilizar o seu conhecimento de forma tão didática, tornando simples um assunto que é difícil para quem não é da área de informática.

    • Adriano Luz disse:

      Olá, Carla!

      Que ótimo que tenha gostado! Faço o possível para escrever os artigos de uma forma que todos possam entender e seguir as instruções.

      Um abraço!

  7. Helder salema disse:

    Bacana. Gosto muito da soboo também. Tem uma interface ótima e permite customizar da forma que desejarmos.

  8. Fabio Alves disse:

    Bom dia Adelson, eu tenho esta barra lateral apenas dentro dos artigos. Penso que ao ler o artigo, o leitor já pode utilizar a ferramenta em seguida. Mas na página principal você também acha útil? obrigado pelo artigo.

    • Adriano Luz disse:

      Olá, Fabio!

      Antigamente, eu deixava a ferramenta apenas na página das postagens. Mas, gostei do efeito de deixá-la também na página principal do blog. É uma forma de deixar os visitantes divulgá-la.

      Um abraço!

  9. Romaryw Borges disse:

    Eu também utilizo o AddThis em meus blogs… Mas estava com um problema.
    "3. Remover o código estranho da barra de endereços". Amigão você não faz ideia do quanto esses códigos estavam me incomodando, e eu não sabia como removê-los. Obrigado! Vc é o máximo. Deu até vontade d lhe dar um abraço. kk.

    • Adriano Luz disse:

      Olá, Romaryw!

      Que ótimo saber que o artigo foi útil para remover esses códigos! Vejo muitos blogs com ele, e muitos não imaginam que seja o AddThis que coloque esse código na URL.

      Um abraço!

  10. Edigley Alexandre disse:

    Olá, Adelson!

    Botões instalados e configurado com sucesso no novo layout do blog.

    O tutorial ajudou demais.

    Abraço!

  11. Edigley Alexandre disse:

    Olá, Adelson!

    Depois de instalado no novo layout, não consegui configurar o que foi descrito no tópico 3 deste artigo.

    Outra configuração que não consegui fazer, foi a de fazer com que os botões não aparecessem na home, apenas nos artigos. A condicional não funcional. Será que é porque está em um gadget. Não teste dentro do código fonte do blog.

    Abraço!

    • Adriano Luz disse:

      Olá, Edigley!

      Já vi seu novo layout e achei bonito demais! Já vou lá deixar meu comentário.

      Quanto a fazer com que eles não apareçam na home, também é possível quando ele está em um gadget, mas o procedimento é um pouco diferente:

      1. Localize no HTML do seu template o código do gadget onde está instalado o AddThis (em seu caso, é o HTML7).

      2. Você deve alterar o código desse gadget para que ele fique similar ao abaixo:

      <b:widget id='HTML7' locked='false' title='LinkWithin' type='HTML'>
      <b:includable id='main'>
      <b:if cond='data:blog.pageType == "item"'>
      <data:content/>
      </b:if>
      </b:includable>
      </b:widget>

      Se tiver dúvidas, é só avisar.

      Um abraço!

    • Edigley Alexandre disse:

      Olá, Adelson!

      Em modo gadget não deu certo. O layout do título do gadget aparece. Incorporei o código do addthis dentro do código fonte do blog com a mesma condicional que você recomendou.

      Um abraço!

  12. Fernanda Scafi disse:

    Oi Adelson, instalei no meu blog de testes e achei muito pequeno. Fui aumentar o tamanho (que no código está 32×32) mas ele diminuiu!!!! Não importa se eu coloco 16×16 ou 64×64, eles ficam menores do que o 32×32… Alguma sugestão? Ah, e queria mudar a ordem que aparecem, tem como??? Obrigada!

  13. Graziele Morais disse:

    Para mim não deu certo nenhum item. Não sei o que houve.
    Não aparece a opção para escolher o blogger, nada disso.

    • Adriano Luz disse:

      Olá, Graziele!

      Vi que a interface do AddThis mudou bastante desde que publiquei este artigo.

      Da forma como está hoje o site, basta você escolher as ferramentas que desejar, copiar o código que é mostrado abaixo das telas de exemplo, e publicá-lo em seu blog.

      Um abraço!

  14. Nayara Duarte disse:

    Olá!

    Não consigo colocar esses botões! Já tentei colocar pelo html, outros tutoriais, também e não funcionou. Você poderia me ajudar se for possível?!

    Abraços

  15. Emprego Concurso e Vestibulares disse:

    Essa ferramenta é muito boa, estou precisando deste recurso no meu blog vou fazer mais algumas pesquisas mas provavelmente esta que vou instalar

Para enviar seu comentário, preencha os campos abaixo:

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.
Quer aprender como R$173.571,73 como Afiliado em 4 meses?Quero Assistir o Vídeo!