Compartilhe as suas fotos via AddThis

0
97
visitas

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.

DEIXE UMA RESPOSTA

Please enter your comment!
Please enter your name here