Na seção labs do site do AddThis, nós podemos encontrar novos botões de compartilhamento que estão sendo desenvolvidos. Todos estão disponíveis para uso e testes, vamos a um deles:
Compartilhamento em fotos
No compartilhamento em fotos, o addthis aparece sempre que o visitante passar o mouse sobre alguma imagem que você definir.
Como usar?
Adicione o código abaixo antes da tag </head>.
<script type="text/javascript">
var addthis_config = {
services_overlay:'facebook,twitter,email,print,more'
}
</script>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js"></script>
Na array service_overlay, você deve indicar quais botões devem aparecer na imagem. Lembre-se de usar os botões dos serviços listados conforme o addthis recomenda.
Depois basta adicionar class=”addthis_shareable” à imagem que você quer compartilhar. Como no exemplo abaixo:
<img class="addthis_shareable" src="http://www.example.com/example_image.png" addthis:url="http://www.example.com" addthis:title="My Example Photos Page" >
A propriedade addthis:url serva para você indicar o endereço a ser compartilhado, já addthis:title é para o título/texto do compartilhamento.
Não esqueça de se registar no addthis para obter as estatísticas de compartilhamento.
