Interagindo com redes sociais

February 9th, 2007, 10:58 am Rodrigo P. Ghedin WordPress

O Digg é um fenômeno, e como tal, gerou uma série de similares, inclusive no Brasil. Aqui, dois deles conseguem um mínimo de atenção e visitas: Rec6 e Linkk. Hoje aprenderemos a interagir com eles, aproximando nossos blogs de tais redes.

Antes, acredito que é necessária uma explicação sobre o funcionamento destas redes. Sites “like-Digg” funcionam da seguinte maneira: um membro do site lê e gosta de uma notícia em um blog/site. Interessado em compartilhar o conteúdo com os outros membros, ele pega o endereço, acessa a rede social, e envia o link para a mesma, com um título e uma breve descrição. Os outros membros vêem a indicação e, se julgarem-na interessante/relevante/importante/qualquer-ante, dão um ponto à mesma. Assim, as melhores indicações ganham mais destaque no sistema, graças a um elemento-chave extremamente eficiente: seleção natural. O Digg desponta neste cenário como o mais bem sucedido serviço do gênero. No Brasil, como já citado, duas redes dividem a ponta, Rec6 e Linkk, sendo que o primeiro possui uma ligeira vantagem em relação ao segundo. Neste texto, porém, irei ensinar a lógica da coisa, de modo que, após entendê-la, você será capaz de criar links interativos para qualquer rede do tipo. O objetivo é encurtar o caminho entre o texto do seu blog e a rede social.

O Linkk possui uma página dedicada a explicar como incluir links para o próprio no seu blog/site. A explicação dada lá é bem direta, até demais, se me permitem dizer. Vamos esmiuçá-la então.

Primeiramente, você deve identificar o loop, no tema. Recomendo incluir o link apenas no arquivo single.php, evitando, assim, um visual poluído no blog. Nada impede, porém, que você acrescente links para as redes sociais na página inicial (index.php), ou nas categorias (category.php). Enfim, qualquer arquivo que contenha o loop pode abrigar links para redes sociais.

Explicando mais uma vez: o loop é o trecho do tema que se repete, gerando posts. Ele é delimitado por estas tags especiais: <?php if (have_posts()) : ?> e <?php endwhile; ?>. Trocando em miúdos, o link da rede social, para ser exibido em todos os posts, deve estar entre elas.

Localizado o loop, vamos inserir o link. Do modo como o Linkk explica, aparecerá apenas a imagem ( ou ). Particularmente, acho mais legal colocar a imagem pequena, lado a lado com um texto, do tipo “Envie ao Linkk”. Igual o que você vê nas páginas internas aqui do BlogAjuda:

Antes, o link. Você deve descobrir a estrutura do link de indicação da rede. No caso do Linkk é fácil, esta na página indicada lá em cima: http://www.linkk.com.br/submit.php?url=http://www.seusite.com.br/. De posse desta URL, basta adequá-la ao WordPress e suas tags especiais.

http://www.linkk.com.br/submit.php?url=<?php the_permalink()?>

A tag especial <?php the_permalink()?> tem um funcionamento bem peculiar. Ela converte-se na URL do post em exibição. Entendeu a lógica? Quando você estiver visualizando o blog, com a URL acima mostrada, o trecho <?php the_permalink()?> será convertido na URL do post em questão. Maravilhas da linguagem de programação server side, no nosso caso, o PHP ;) .

Dito isto, vamos fazer a “maquiagem”, ou seja, deixar o link bonito, coisa e tal. CSS nos salvará neste momento.

No loop, escreva isto no local em que deseja que o link apareça:

<a href="http://www.linkk.com.br/submit.php?url=<?php the_permalink()?>" class="linkk"> Adicione ao <strong>Linkk</strong></a>

Antes de criar a classe no CSS, no envie a linkk.gif () para o diretório images do seu tema (/seu-tema/images/). Feito isso, abra o arquivo do CSS (style.css), e acrescente esta linha:

.linkk { padding-left:26px; padding-top:2px; background:url(linkk.gif) no-repeat; }

O resultado será este:

Obviamente, você pode e deve dar uma melhorada na fonte e nas cores, usando CSS também.

Lembra que escrevi, no começo deste texto, que o importante é aprender a lógica, e que todo o resto do artigo era meramente ilustrativo? A esta altura, você já deve ter pego o espírito da coisa. Caso não, veja mais alguns exemplos, usando outras redes (apenas os links):

Rec6: http://www.syxt.com.br/rec6/link.php?url=<?php the_permalink()?>
del.icio.us: http://del.icio.us/post?url=<?php the_permalink()?>
Digg: http://digg.com/submit?phase=2&url=<?php the_permalink()?>
Technorati: http://technorati.com/cosmos/search.html?url=<?php the_permalink()?>

Simples, não? A “maquiagem” ensinada acima, para o Linkk, pode ser aplicada perfeitamente nos demais. Basta mudar o nome da classe, e a imagem (ícone).

Espero que este tutorial lhes seja útil. Em breve, trarei um mostrando e ensinando como usar o Share this, plugin que cria este link “Compartilhe!” em todos os posts do BlogAjuda. Até lá!

rec6, digg, linkk, redes sociais, interação, link, digg it