Tal como os botões de partilha do Facebook, Twitter, Linkedin e outros, o Tumblr, um serviço de micro-blogs, lançou na semana passada o seu próprio botão de partilha. O objetivo deste botão é que os mais de 16 milhões de blogueiros que usam o Tumblr, possam promover os conteúdos que encontram na internet através dos seus blogs. Este novo botão para o Tumblr permite a qualquer usuário do sistema repassar qualquer conteúdo encontrado na internet, ao invés de apenas conteúdo encontrado na rede do Tumblr.

Os colegas do WPBeginner foram dos primeiros a analisar o novo sistema de partilha do Tumblr, o qual permite a qualquer blogueiro que use o WordPress, colocar um botão de partilha para que os conteúdos do seu blog possam ser partilhados entre blogs presentes também no Tumblr, por exemplo. Este link building social pode ser extremamente importante na otimização para buscadores dos seus artigos, conforme escrevemos na matéria com 15 estratégias de link building para usar no seu blog.

INSERIR O SCRIPT

Primeiro que tudo o resto, abra o seu ficheiro footer.php, e copie o seguinte código para um local que esteja acima da tag </body> :

<script type="text/javascript" src="http://platform.tumblr.com/v1/share.js"></script>

Se está a usar uma framework, e não tem acesso ao seu ficheiro footer.php, então adicione o seguinte código ao seu ficheiro functions.php:

function insert_tumblr_script() {
echo '<script type="text/javascript" src="http://platform.tumblr.com/v1/share.js"></script>';
}
add_action('wp_footer', 'insert_tumblr_script');

Assim que tenha feito isso, vejamos como poderá colocar o botão de partilha do Tumblr nos seus artigos.

VERSÃO BÁSICA

Se desejar usar a versão básica do botão de partilha, a qual será certamente a mais usados pelos seus leitores, a única coisa que terá de fazer é copiar e colar o seguinte código no local onde deseja que o botão apareça (single.php, index.php, page.php, loop.php etc):

<a href="http://www.tumblr.com/share" title="Partilhar no Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:81px; height:20px; background:url('http://platform.tumblr.com/v1/share_1.png') top left no-repeat transparent;">Partilhar no Tumblr</a>

Você tem à sua disposição várias imagens e formatos que poderá acessar na página oficial do botão Tumblr. Você poderá basicamente escolher a imagem que deseja, e depois copiar e colar o código usando o passo anterior. Alternativamente, você poderá criar o seu próprio botão de partilha editando o código de “background:” no código de css.

VERSÃO AVANÇADA

Tal como você sabe, agora que existem os novos WordPress Post Formats, muitos são os templates para WordPress estilo Tumblr que têm aparecido no mercado. Na versão básica do botão de partilha do Tumblr de que falámos anteriormente, ele puxa o conteúdo dinamicamente. Isso significa que poderão ocorrer erros ao puxar o título, a descrição, etc. Também na versão básica, ele não puxa o formato (link, texto, imagem, citação, video, etc).

Por essa razão, a equipe de desenvolvimento do Tumblr criou um botão mais avançado que lhe permite especificar qual o formato do seu artigo por padrão, especificar a descrição, entre outras opções. Eis um exemplo que você poderá colocar no ficheiro loop.php usando os post formats do WordPress:

if ( has_post_format( 'link' ) {
?>
<a href="http://www.tumblr.com/share/link?url=<?php echo urlencode(get_permalink()) ?>&name=<?php echo urlencode(get_the_title()) ?>&description=<?php echo urlencode(the_excerpt()) ?>" title="Partilhar no Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:81px; height:20px; background:url('http://platform.tumblr.com/v1/share_1.png') top left no-repeat transparent;">Partilhar no Tumblr</a>
<?php
} else if (has_post_format('quote')) { ?>
<a href="http://www.tumblr.com/share/quote?quote=<?php echo urlencode(get_the_content()) ?>&source=<?php echo urlencode(get_the_title()) ?>" title="Partilhar no Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:81px; height:20px; background:url('http://platform.tumblr.com/v1/share_1.png') top left no-repeat transparent;">Partilhar no Tumblr</a>
<?php
}else {
<a href="http://www.tumblr.com/share" title="Partilhar no Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:81px; height:20px; background:url('http://platform.tumblr.com/v1/share_1.png') top left no-repeat transparent;">Partilhar no Tumblr</a>
}

Se por ventura desejar otimizar os seus botões de partilha de uma outra forma, considere visitar a página oficial do botão Tumblr.

Até já!