Botão Add This para adicionar seu post em qualquer rede

No Site aos Pedaços de hoje vamos falar sobre o botão Add This, que você pode colocar no seu blog ou site para que as pessoas possam repassar adiante seu post.

O Add This é uma ferramenta legal porque, além de integração nativa com o blogger, te dando o código pronto sem você ter que quebrar muito a cabeça, ele te dá estatísticas por e-mail, dizendo quem clicou  no que e repassou pra onde.

Para iniciar acesse o site http://www.addthis.com/ e escolha seu tipo de site, blog ou CMS, escolha o estilo do botão e integre com uma conta do google analytics se você possuir. Não falaremos sobre o  google analytics nesse post, talvez futuramente.

O código para colocar o  botão no blog é este:

<!-- AddThis Button BEGIN -->
<div><a expr:addthis:title='data:post.title' expr:addthis:url='data:post.url' class='addthis_button'><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a>
<script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=vitorrubio"></script></div>
<!-- AddThis Button END -->


Veja no site oficial as instruções para inserção do código.


O resultado é este:





Bookmark and Share


Repare que o código do botão mescla html, javascript e objetos serializados com JSON. Repare também que, se você obteve co código sem estar logado, o código conterá um username provisório e randômico, mas se você obteve o código depois de logado no site o código conterá seu username.




Para instalar:

Clique em Edit HTML para editar o html do blog.



Clique para marcar o "Expand Widget Templates"



Procure por um lugar onde as variáveis do script são acessíveis e conhecidas, por exemplo o post footer, para ficar no rodapé de cada post. Particularmente eu coloquei em cima de cada post, na própria div dedicada a ele também daria certo, mas é melhor seguir o manual ;)


Por último salve o template e o layout.




Por enquanto é isso, espero que tenha sido útil, Have Fun ;)

Comentários

Postagens mais visitadas deste blog

Detectar o encoding de um arquivo para não corromper ao transformá-lo

erro "ora-12154: tns: não foi possível resolver o identificador de conexão especificado"

Quebras de linha no Delphi 2010