Compartilhando seu post no twitter e no facebook usando shortcode

Artigo criado por Daniel Maffioletti    3 Comentários Tweet

WordPress fornece uma série de recursos que o tornam uma das ferramentas mais utilizadas no desenvolvimento de sites. Shortcode é um dos recursos que deixa “amigável” realizar uma determinada função.

A ideia

Criar um shortcode chamado [compartilhar]. Este terá a finalidade de abrir as páginas do twitter e do facebook com o título do post ou da página e o link do mesmo. No caso do twitter vamos usar uma api específica do bit.ly para entregar o link encurtado.

Desenvolvendo

Primeiro você precisa obter uma conta no http://bit.ly

Registre-se agora: http://bit.ly
Após o registro você deve pegar a chave da API aqui: http://bit.ly/a/your_api_key

Abra o arquivo functions.php do seu tema e insira a função bitlyLink(). Não esqueça de informar o usuário e a chave.

function bitlyLink( $url ) {
	$user = "seu usuário";
	$api   = "sua chave api";
	$data = file_get_contents("http://api.bit.ly/shorten?version=2.0.1&format=xml&longUrl={$url}&login={$user}&apiKey={$api}");
	$xml  = new SimpleXMLElement( $data );
	$shortlink = $xml->results->nodeKeyVal->shortUrl;
	return $shortlink;
}

A variável $data recebe um xml.

Basta navegar no xml retornado para recuperamos o link encurtado.

Em seguida vamos criar a função share_social() no arquivo functions.php

function share_social(){

	$title = get_the_title();
	$link = get_permalink();

	return '<div style="display:block;margin:5px;">
				Compartilhar:
					<a style="background:#0CF;color:#039;padding:3px" target="_blank" href="http://twitter.com/home?status='. $title .' '. bitlyLink( $link ) .'">Twitter</a>
					<a style="background:#039;color:#FFF;padding:3px" target="_blank" href="http://facebook.com/sharer.php?u='. $link .'&t='. $title .'">Facebook</a>
			</div>';
}

Note que recuperamos o título do post e o seu link no momento da execução. Depois a função entrega o html’s.

Agora é só adicionar o shortcode no arquivo functions.php

add_shortcode( 'compartilhar', 'share_social' );

O primeiro argumento da função add_shotcode() é o nome do shortcode, o segundo argumento é a função que será chamada quando o shortcode [compartilhar] for encontrado.

Agora informe a shotcode [compartilhar] dentro do conteúdo:

Resultado:

Ao clicar no link do twitter:

Página do twitter com o título do post e o link encurtado

Atenção

Um detalhe importante. Se você estiver desenvolvendo em localhost o bit.ly não entrega o link encurtado. O link tem que ser válido. Você pode contornar isto facilmente configurando um virtual host na sua máquina.