Links de Afiliados com Javascript e PHP

Muitos webmaster e pessoas que trabalham com Internet e vivem desta, sabem com certeza a importância que os Programas de Afiliados têm na rentabilização de um determinado website.

Recentemente deparei-me com um problema no Joomla, a falta de um plugin para realizar a substituição de determinada palavra por essa mesma palavra mas com um link para um programa de afiliados à minha escolha. E queria ainda esconder o link de forma a que o internauta não se apercebe-se que este era um link de afiliados.

Sim existe o Simply Links para Joomla, no entanto com o Joomla em utilizo Mootools, e o plugin Simply Links carrega uma versão do Jquery! Peso extra! 

Como resolvi então o problema?

Utilizei a função replace(); do javascript, para substituir as palavras por links, e algumas linhas de código PHP para esconder os links de afiliados por algo como www.nomeseusite.com/links?m=champoo-johnson que na realidade é um redirect para o site www.johnsonxxx.com/12345programaafiliado.

1. PHP

php
<?php
$m = $_GET['m'];
 
if ($m == "") {$link = "http://www.seusite.com/";
} // Default
if ($m == "link1") {$link = "http://www.link1.com";
}
if ($m == "link2") {$link = "http://link2.net";
}
 
header("Location: $link");
 
exit();
 
?>

Copie o código anterior e crie um novo ficheiro.php com o nome links.php. Coloque o ficheiro na raiz do seu website, por exemplo. Atenção às permissões do ficheiro.

2. Javascript

Update: Nova versão do javascript aqui.
Versão para Mootools

javascript
<script type="text/javascript">
window.addEvent('domready', function(){    
var msg=$('content').innerHTML;
 
msg=msg.replace(/palavra/gi,"<a href='/links.php?m=link2'>palavra</a>");
msg=msg.replace(/palavra2/gi,"<a href='/links.php?m=link1'>palavra2</a>");
$('content').innerHTML=msg;
 
});
 
</script>

O código anterior vai ler todo o conteúdo HTML existente da <div id=content> (que você editará às suas necessidades). Depois disto procura pelo texto por palavras por si definidas e substitui-as por um link.

O link que você vai utilizar no Javascript vai ser do formato http://seusite.com/links?m=link1 onde link1 é o identificador para o script php acima, na realidade este link esta a redireccionar para o site http://www.link1.com.

Para adicionar links é só duplicar as linhas no Javascript. E no script PHP.

Versão com javascript "tradicional"

javascript
<script type="text/javascript">
var msg=document.getElementById("content").innerHTML;
msg=msg.replace(/palavra/gi,"<a href='/links.php?m=link2'>palavra</a>");
msg=msg.replace(/palavra2/gi,"<a href='/links.php?m=link1'>palavra2</a>");
document.getElementById("content").innerHTML=msg;
 
</script>

^{Nota: este código deve ser colocado imediatamente antes de </body>}

Prós e Contras desta técnica de substituição

• Para textos imensamente grandes, e demasiadas palavras a substituir, poderá haver uma certa lentidão no processamento, dependendo do computador do utilizador; (A corrigir numa versão futura do script)
  
  
• Bom para realizar técnicas de blackhat aos motores de busca. No código fonte fala de cartões de crédito, mas no texto que aparece ao utilizador fala de mulheres menos vestidas; (Usar por própria conta e risco)
  
  
• Os links de afiliados não aparecem aos "olhos" dos motores de busca; (Pagerank relacionado, seo, etc...)
  
  
• O utilizador da página desconhece que está a clickar num link de afiliados, muitos nem carregam ou vão ver o source do link. Se quiserem seguir o link têm de seguir pelo de afiliado; (Bom para o negocio)
  
  
• Se o utilizador possuir o Javascript desabilitado, os links não aparecem;
  
  
• Tanto a técnica do script PHP e do Javascript podem ser utilizadas independentemente uma da outra.

TrackBack URI for this entry

Veiga22 Janeiro 11, 2009 http://www.nodesigntoday.com	Grande dica. Algo a implementar no futuro. Mas já agora uma questão. Essa técnica não irá contra as regras dos programas de afiliados, uma vez que "estamos a esconder" os links??? Continua o grande trabalho. Cumprimentos
GoncaloM Janeiro 12, 2009 http://weblouca.com	@ Veiga22 Julgo que não irá contra as regras dos programas de afiliados. Até porque o endereço de que os visitantes são provenientes continua a ser o mesmo. O link do programa de afiliado, também, não é alterado, mantendo-se intacto.
Nuno Janeiro 12, 2009 http://mkgratis.com	olá As informações são bastante úteis, um dia ainda vou ter de as por em práctica. Já tenho visto também sites em que as urls de destino não se conseguem ver (desaparecem), é difícil fazer isso?
GoncaloM Janeiro 13, 2009 http://weblouca.com	@Nuno Provavelmente utilizam uma técnica similar à demonstrada no artigo. Podem também utilizar redireccionamentos com .htaccess. O link têm que estar algures, caso contrário o browser não o "conseguia ler"...
Celso Azevedo Janeiro 21, 2009 http://telemovelonline.com/	Eu costumo utilizar este código php: Depois gravo e depois basta colocar um link para o ficheiro. Ps.: Gonçalo, Como consigo ver os posts anterires? E que nao encontro nada que me leve aos artigos mais antigos...
Celso Azevedo Janeiro 21, 2009 http://telemovelonline.com/	Parece que o codigo não aparece aqui nos comentários...
GonçaloM Janeiro 23, 2009 http://weblouca.com	@Celso Azevedo Obrigado pelo comentário, terei que ver o que se passa em relação ao código. Quanto aos artigos mais antigos são facilmente acedidos através do menu no topo do site, que os separa por categorias.
btc Fevereiro 16, 2009	seria possível aplicar isso no blogger / blogspot? isto é, sem o php, claro.
GonçaloM Fevereiro 16, 2009 http://weblouca.com	@btc sim o javascript julgo que poderá aplicar no blogger/blogspot sem problemas. O php, só serve para esconder os links.
btc Fevereiro 16, 2009	muito obrigado pela atenção, GonçaloM, não sei muita coisa de javascript, estou aprendendo na marra analizando os códigos prontos. vlw mesmo
thiego Maio 05, 2009 http://www.tagostoso.com	Bem legal a dica ;) ja tinha passa por isso tb! abraços..
Rafael Leal Junho 04, 2009 http://www.lealhost.com	ótimo... resolveu meu problema... valeu.