Configurando e otimizando o AddThis

O AddThis � uma ferramenta que simplifica o compartilhamento, reunindo os principais bot�es de redes sociais em um script s�. O c�digo b�sico j� vem com tudo que voc� normalmente precisa, mas tem algumas coisinhas que d� pra fazer para agilizar o carregamento e personalizar o widget.

Tenha as estat�sticas de compartilhamento

Para ter acesso aos relat�rios de compartilhamento gerados pelo AddThis, basta se registrar no site. At� o momento � cadastro � gratuito. Se voc� ainda n�o tem cadastro, mas j� usa os bot�es, s� precisa adicionar o ID do seu perfil a URL do javascript. Para saber qual o seu ID, v� at� a p�gina de perfis e veja na tabela qual o seu ID:

C�digo sem ID:

Adicione o seu id, acrescentando #pubid=SEU_ID_AQUI ao final da url que chama o javascript.

Carregando o AddThis de forma ass�ncrona

Tamb�m � poss�vel otimizar o carregamento do AddThis usando a sua forma ass�ncrona, sem afetar o tempo de carregamento da sua p�gina. Para ativar, basta adicionar a vari�vel async=1 ao fim da url. Outra op��o dispon�vel � a domready=1 que habilita o carregamento depois que DOM est� pronto.

ou

Mas � preciso “chamar” o Addthis, ent�o adicione antes de :

Carregando tudo antes do

Aqui no netmundo, eu decidi carregar tudo no fim da p�gina. Eu coloco os bot�es onde eu quero que eles apare�am:

E logo antes do fechamento da tag body eu adiciono:

Lembre de trocar o pubid pelo seu.

Mudando o alinhamento do widget

Por padr�o, o widget fica alinhado para a esquerda da p�gina. Altere isso com o c�digo abaixo a sua folha de estilos. A propriedade width deve ter o mesmo tamanho que o widget ocupa no seu site.

Alinhando � direita

.addthis_toolbox {
 float:right;
 width:280px;
}

Centralizando o widget

div.addthis_toolbox {
width: 242px;
margin: 0 auto;
}

Confira outras dicas sobre o Addthis aqui no netmundo