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.
Compartilhe isso:
Tweet
Telegram
WhatsApp
Próximo história O seu blog em versão mobile
História anterior A culpa era do plugin
Você pode gostar...
10
AutoStitch – Criando fotos panorâmicas rapidamente
29/08/2008
por Guilherme Euler · Published 29/08/2008
4
Evite o desperdício
31/01/2009
por Guilherme Euler · Published 31/01/2009
2
Instalando a correção ortográfica no Mozilla Thunderbird
10/07/2008
por Guilherme Euler · Published 10/07/2008
Siga:
Assine Amazon Prime
Mais
InfoDicas no Facebook
InfoDicas no Facebook
Posts & páginas populares
SSD congelando o computador no Windows 10
Como recuperar fotos apagadas da câmera digital
BugMeNot - Acesse sites sem precisar de registro
Configurando corretamente o layout do teclado do seu computador
Priberam - Dicionário online da língua portuguesa
Você verifica sua caixa Spam / Lixo Eletrônico?
Recuva - Recupera fotos e arquivos apagados acidentalmente
Configure o teclado do seu computador
Até que enfim estou satisfeito com um celular - LG MG320c
Por que o Wi-Fi cai quando toca o telefone sem fio?
Home
InfoCast
Ferramentas
Copyright
Contato
Sobre
Política de privacidade
Este site utiliza cookies funcionais e scripts externos para melhorar a sua experiência.
Minhas Configurações
Aceitar
Privacy settings
Configurações de Privacidade
Google Analytics
Configurações de Privacidade
Este site utiliza cookies funcionais e scripts externos para melhorar a sua experiência. Suas escolhas não irão impactar sua visita.
NOTE: These settings will only apply to the browser and device you are currently using.
Google Analytics
Usamos empresas de publicidade de terceiros para veicular anúncios durante a sua visita ao nosso website. Essas empresas podem usar informações (que não incluem o seu nome, endereço, endereço de e-mail ou número de telefone) sobre suas visitas a este e a outros websites a fim de exibir anúncios relacionados a produtos e serviços de seu interesse.