hotwords_wordpress

Para quem ainda não conhece, o HotWords é um programa totalmente brasileiro de monetização para blogs e sites que funciona através de pequenos anúncios em palavras específicas no texto do seu site ou blog.

Bem, o próprio HOTWords fornece um exemplo de integração com o WordPress e, inclusive, disponibiliza em seu site um plugin criado pelo Bernardo Bauer (http://www.bernabauer.com) que funciona corretamente e consegue indexar perfeitamente todas as palavras para que o programa funciona perfeitamente em qualquer blog com WordPress. O grande “problema” que encontrei nesse plugin foi que ele cria uma DIV adicional para “alocar” o conteúdo indexável pelos robôs do HOTWords. O problema, ao meu ver, não é nem a criação da DIV em si, mas o atributo ID associado à essa DIV. Como a maioria dos desenvolvedores sabe, cada elemento dentro de um website deve ter apenas um atributo ID atribuído à cada elemento da página e essa ID deve ser ÚNICA para cada elemento, e foi nessa hora que as pulgas que residem na parte posterior do meu pavilhão auditivo começaram a pular e gritar incessantemente dizendo “essa não é a forma correta”.

Vamos à algumas explicações simples para a coisa toda: O atributo ID fornece um identificador único para um elemento. Ora, se ele é um atributo que fornece um identificador ÚNICO, significa que se utilizarmos dois elementos com o mesmo atributo ID estaremos duplicando algo que deveria ser único. A grosso modo, é como se estivéssemos fornecendo o mesmo número de CPF para dois elementos diferentes.

Pensando nisso, comecei a pentelhar o pessoal da HOTWords para que eles me fornecessem um código válido que não fizesse com que dois elementos da minha página tivessem a mesma identificação que deveria ser única. Depois de muito insistir com o paciente suporte técnico da HOTWords (ele está com a vaguinha dele no céu garantida por me aturar) ele me passou o seguinte código:

<script type=”text/javascript” src=’http://adsXXXX.hotwords.com.br/show.jsp?id=XXXX&tag=AAA&atr=BBB&vatr=CCC‘></script>

Vamos à “legenda” do código:

  • XXXX = ID fornecido para o site que você cadastrou no HOTWords. Caso não saiba qual o seu ID, basta fazer login na sua conta do HOTWords e ir até a aba “Sites” do seu painel de controle, lá você verá uma lista dos sites cadastrados e aprovados pelo HOTWords;
  • AAA – Será a tag HTML que conterá o texto indexável pelo HOTWords, no caso do WordPress, colocaremos a tag DIV (no código a tag vai com letras minúsculas, logo, no código vai “div” mesmo, sem as aspas);
  • BBB – No nosso caso será o atributo que a tag DIV receberá. Vamos utilizar aqui o atributo CLASS (como sempre, no código vai com letras minúsculas);
  • CCC – Corresponde ao valor do atributo, que para o WordPress, será “entry”, sem aspas.

O nosso código ficará parecido com isso:

<script type=”text/javascript” src=’http://adsXXXX.hotwords.com.br/show.jsp?id=XXXX&tag=div&atr=class&vatr=entry‘></script>

Isso dirá para o script fornecido pela HOTWords que ele deverá procurar pelas divs que tenham como atributo a classe “entry”. Note que ao invés de utilizarmos o atributo ID, utilizaremos o atributo CLASS com um valor pré-definido chamado “entry”. E se você não alterou a estrutura padrão do Wordpres, note que todos os seus posts ficam dentro da <div class=”entry”> e caso você tenha modificado esse valor de atributo no seu tema (ou template), basta você indicar no script qual foi o atributo que você utilizou para “encapsular” seus posts. Dessa forma você utilizará o HOTWords normalmente sem que seja necessário quebrar a semântica do seu código HTML.

Gostaria de deixar bem claro aqui que a intenção desse post não foi criticar o plugin criado cordialmente pelo Bernabauer que, aliás, foi uma ótima iniciativa e foi criado de acordo com as instruções fornecidas pela HOTWords. Não quero também, de forma alguma, criticar o pessoal da HOTWords pois o código deles não está completamente errado e, além de não estar semântico, funciona perfeitamente. O código fornecido pela HOTWords, inclusive, funciona perfeitamente nas páginas “singlepage” e “singlepost” do WordPress perfeita e semanticamente. A minha intenção ao criar esse post foi apenas de compartilhar uma solução semântica para a página principal do WordPress e para as demais páginas que apresentem mais de um post, nada mais que isso.

Caso você ainda não conheça a HOTWords ou não tenha feito a sua inscrição lá por ser uma empresa “ligeiramente” desconhecida, não perca mais tempo e vá lá agora mesmo fazer o seu cadastro, garanto que o retorno é muito bom!

Update

Caros amigos, esqueci de mencionar o fato de que o script do Hotwords deverá ser colocado no final da página, da mesma forma como era antes. Agradeço ao Fábio por me lembrar, mesmo que sem querer, que eu havia esquecido de relatar isso no post.