terça-feira, 31 de agosto de 2010

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

Nenhum comentário:

Postar um comentário

Postagens populares

Marcadores

delphi (60) C# (31) poo (21) Lazarus (19) Site aos Pedaços (15) sql (13) Reflexões (10) .Net (9) Humor (9) javascript (9) ASp.Net (8) api (8) Básico (6) Programação (6) ms sql server (5) Web (4) banco de dados (4) HTML (3) PHP (3) Python (3) design patterns (3) jQuery (3) livros (3) metaprogramação (3) Ajax (2) Debug (2) Dicas Básicas Windows (2) Pascal (2) games (2) linguagem (2) música (2) singleton (2) tecnologia (2) Anime (1) Api do Windows (1) Assembly (1) Eventos (1) Experts (1) GNU (1) Inglês (1) JSON (1) SO (1) datas (1) developers (1) dicas (1) easter egg (1) firebird (1) interfaces (1) introspecção (1) memo (1) oracle (1) reflexão (1)