/ Dicas

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:

profile-idCó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

Configurando e otimizando o AddThis
Share this