Se você é um usuário que gosta por norma de encurtar os endereços URL dos seus artigos, provavelmente é um utilizador do Bit.ly, o encurtador de URLs mais usado no mundo. No entanto, ideal seria poder usar os endereços encurtados do Bit.ly automaticamente em todas as suas postagens do WordPress. Os colegas do wptuts publicaram uma matéria interessante sobre o assunto, que aproveitámos para redigir esse artigo. Neste artigo, você pode aprender como conetar sua conta do Bit.ly diretamente com o seu blog WordPress, e posteriormente usar sua conta do Bit.ly para gerar endereços encurtados para os seus botões de “Tweet” e “Google +1” também. Usando endereços encurtados pelo Bit.ly, você consegue ter uma noção exata da performance dos seus artigos nas mídias sociais, analisando o número de cliques e interações que eles recebem.
CHAVE API DO BIT.LY
A primeira coisa que você tem de fazer, é ir na sua conta do Bit.ly, clicar no menu com o seu nome de usuário, e seleccionar a opção “Settings” para entrar no menu de opções da sua conta. Se descer um pouco na tela, você vai encontrar uma seção com a sua chave de API, semelhante a essa aqui:
MODIFICAR FICHEIRO FUNCTIONS.PHP
Copie e cole o seguinte código para dentro do ficheiro functions.php do seu template. Caso não tenha um ficheiro functions.php, pode criar um com esse nome e essa extensão, e carregá-lo para a pasta do seu template WordPress.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
//criar URL do bit.ly automaticamente para o WordPressfunction bitly(){ //login information $url = get_permalink(); //para o permalink do WordPress $login = 'USERNAME-HERE'; //seu Login do bit.ly $apikey = 'API-HERE'; //sua chave API do bit.ly $format = 'json'; //escolha entre json ou xml $version = '2.0.1'; //generate the URL $bitly = 'http://api.bit.ly/shorten?version='.$version.'&longUrl='.urlencode($url).'&login='.$login.'&apiKey='.$apikey.'&format='.$format; //fetch url $response = file_get_contents($bitly);//for json formating if(strtolower($format) == 'json') { $json = @json_decode($response,true); echo $json['results'][$url]['shortUrl']; } else //for xml formatting { $xml = simplexml_load_string($response); echo 'http://bit.ly/'.$xml->results->nodeKeyVal->hash; }} |
Colocámos os comentários do código PHP em português para você compreender melhor como funciona o código e quais os dados que você tem de alterar para que ele funcione corretamente. Basicamente você terá de alterar o ‘USERNAME-HERE’ pelo seu nome de usuário do Bit.ly e trocar o ‘API-HERE’ pela sua chave API do Bit.ly. Depois disso, pode escolher entre o “json” e o “xml” para o formato de ficheiros. Não esqueça de carregar o código para o seu ficheiro functions.php e guardar.
ESCREVER UM ARTIGO DE TESTES
Agora você terá de escrever um artigo de testes. Com o modo HTML ativo, você deverá colar o seguinte trecho de código nesse artigo:
|
1
|
<?php bitly(); ?> |
Esse código deverá ser escrito na zona do texto mesmo, mas com o modo HTML ativo. Escreva um qualquer texto a acompanhar, publique e veja se o URL do Bit.ly está redireccionando para o artigo ou não. Caso não esteja funcionando corretamente, reveja seu usuário e chave API do Bit.ly no código anterior e volte a testar.
ADICIONAR BOTÕES TWITTER E GOOGLE +1
Agora que você já sabe como usar código, vamos testá-lo num ambiente um pouco diferente, nomeadamente para os seus botões do Twitter e Google +1. Basicamente o que os códigos seguintes fazem, é encurtar o endereço da sua postagem usando o Bit.ly, diretamente nos botões de Tweet e Google +1.
Este primeiro código é para o Twitter, e inclui a dimensão do botão e o URL que você quer mostrar para seus seguidores.
|
1
|
<a href="http://twitter.com/share?url=<?php echo urlencode( bitly()); ?>&counturl=<?php urlencode(the_permalink()); ?>" class="twitter-share-button" data-count="horizontal" data-via="USERNAME-HERE">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> |
Não esqueça de trocar o USERNAME-HERE pelo seu nome de usuário no Twitter.
Para o Google Plus, copie o seguinte código.
|
1
|
<g:plusone size="medium" href="<? bitly(); ?>"></g:plusone> |
Neste em particular, você não terá de alterar nada.
USANDO O CÓDIGO
Se desejar que esse código funcione em todos os seus artigos, você pode simplesmente copiar e colar esses botões do Twitter e Google +1 para dentro do ficheiro single.php ou outro local onde você deseje ter esses botões disponíveis, como a sidebar do seu blog, por exemplo.
Ao clicar nesses botões, todos URLs dos seus artigos serão automaticamente encurtados usando o Bit.ly!
Até Já!
Gracias nuestra radio es de personas con personas. No nos inreaestrÃa estar por medio de maquinas. Los humanos debemos de hablar con humanos y eso nos hace útiles y felices un abrazo y escucha nuestra radio en vivo en FM. Un abrazo.