Atualizado em 30/10/2018. As principais redes sociais oferecem botões de compartilhamento para inserção em blogs e sites. Mas nem sempre queremos o botão pronto. Às vezes precisamos personalizar o objeto clicável com uma imagem ou texto, e os modelos de botão disponíveis não atendem todo tipo de necessidade estética.
É seu caso? Saiba que é simples criar links para compartilhamento para o WordPress (e sites em geral em PHP). O código gera um link que funciona como os botões, mas a âncora fica por sua conta. Pode ser um texto, imagem, ou qualquer coisa normalmente passível de ter um link.
Para ver os links em ação, é só colocar os códigos em algum lugar de seu template em PHP.
Digg
<a href="http://digg.com/submit?phase=2&url=<?php the_permalink(); ?>&title=<?php echo urlencode(the_title('','', false)) ?>" title="Digg isto">Digg</a>
<a href="http://reddit.com/submit?url=<?php the_permalink() ?>&title=<?php echo urlencode(the_title('','', false)) ?>" title="Reddit" target="_blank">Reddit</a>
<a href="http://twitter.com/intent/tweet?text=<?php the_title();?>&url=<?php the_permalink();?>&via=seunomenotwitter" title="Twittar sobre <?php the_title();?>" target="_blank">Twitter</a>
Mude o “seunomenotwitter” para… seu nome no Twitter! Isso significa que se seu Twitter é twitter.com/meublog, troque o “seunomenotwitter” por “meublog”.
<a href="https://www.facebook.com/sharer.php?u=<?php the_permalink() ?>" target="_blank" title="Compartilhar <?php the_title();?> no Facebook">Facebook</a>
Google Plus
<a href="https://plus.google.com/share?url=<?php the_permalink() ?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><img src="https://www.gstatic.com/images/icons/gplus-64.png" alt="Compartilhar no Google+"/></a>
Esse link será criado com uma imagem padrão de ícone do Google+. Para seguir o padrão dos demais, retire o trecho:
<img src="https://www.gstatic.com/images/icons/gplus-64.png" alt="Compartilhar no Google+"/>
…substituindo por “Compartilhar no Google+”.
Tumblr
<a href="http://www.tumblr.com/share/link?url=<?php the_permalink() ?>" title="Compartilhar <?php the_title();?> no Tumblr">Tumblr</a>
Link para compartilhamento em dispositivos móveis:
<a href="whatsapp://send?link=<?php the_permalink() ?>" data-action="share/whatsapp/share">Compartilhe no Whatsapp</a>
Link para compartilhamento pelo WebApp:
<a href="https://web.whatsapp.com/send?text=<?php the_permalink() ?>" target="_blank">Whatsapp Web</a>
Importante: os links não devem funcionar em dispositivos diferentes. Por exemplo, o link móvel não funciona se a página estiver aberta num desktop, e alguns dispositivos podem não abrir o link web. Para total compatibilidade, é bom usar algum código de verificação do dispositivo, com uma exibição condicional de cada código.
💡
Para um link de compartilhamento no Pinterest, é só usar o código mostrado aqui, mas em vez da imagem, use um texto.
Para um link do Google +, o procedimento que encontrei é muito complicado e honestamente acho que não vale a pena. Se descobrir algum mais eficiente e simples mais pra frente, atualizarei este post.
