Como usar o HotWords no Wordpress, sem plugin!

Publicado em 20/06/2008 • Outros20 comentários »

por Marcos Elias

Para algumas coisas no Wordpress vale a pena fazer à mão, em vez de usar plugins. Eles são verdadeiros comedores de CPU, já tive problemas com isso algumas vezes com plugins relativamente básicos. Mais instruções, mais coisas que precisam carregar... Quando não são acessos ao banco de dados, a questão pode ficar por conta de substituidores de textos.

Um caso simples que dá para fazer direto no tema é a aplicação do código do HotWords. O Bernardo Bauer publicou o plugin WP-Hotwords, que faz a tarefa. Você informa na administração sua ID de parceiro do HotWords e a cor desejada e ele aplica, em tempo de execução, o código. Isso implica na interrupção do processamento da página, para inserção do <DIV> do HotWords. Cada vez que a página é acessada, por cada visitante. E cada página. Em questão de desempenho isso não é legal. Aliado a outros plugins, pode ficar ruim, deixando seu site lento e/ou comprometendo o servidor.

Aplicar o HotWords diretamente não é difícil. Você deverá editar os arquivos do tema. Você pode fazer isso pela interface do Wordpress, ou na cópia do site no seu PC, e depois carregar para o servidor. Aí é por sua conta.

Normalmente os temas têm os 3 arquivos que interessa com estes nomes: index.php, single.php e page.php. O index.php corresponde à página inicial, o single.php à página dos artigos individualmente, e o page.php é o modelo de página, caso você tenha páginas criadas com o Wordpress. Algumas páginas que usem outros modelos também terão seus .php correspondentes, como sitemap.php, por exemplo - mas não acho interessante embutir propagandas do HotWords num sitemap.

Abra cada uma dessas páginas num editor de textos puro, como o Bloco de notas ou o Mep Texto. Localize o ponto que tem isso:

<?php the_content(

A função the_content insere o conteúdo da postagem. O código do HotWords deverá cercar este conteúdo, e de preferência nada mais além disso. Ficaria assim:

<div id=HOTWordsTxt name=HOTWordsTxt>
<?php the_content('Continuar lendo »'); ?>
</div>

O texto passado na função varia de tema para tema, nem interessa ele. O importante é que o DIV do HotWords o cerque. Praticamente sempre a the_content só ocorrerá uma vez nos arquivos index.php, page.php e single.php.

Feito isso, edite o arquivo do rodapé, geralmente o footer.php. Nele, coloque antes do </body> o código do script fornecido pelo HotWords, aquele que deve ser colocado no final das páginas. Salve e/ou carregue para o servidor e curta :)

É bom desativar o plugin WP-Hotwords antes de aplicar essa modificação!

O plugin é mais dinâmico, permitindo que você exiba ou não o anúncio em determinada postagem, mas vendo da questão de desempenho, é bobeira usá-lo. Além do que, fazer diretamente deixa você livre, sem que tenha que exibir aqueles créditos do plugin no rodapé, coisas que estragam alguns layouts :P


MAIS DICAS E TUTORIAIS!
Acesse as dicas mais recentes no Explorando.com.br :).


Dicas de inglês



Aviso: Os comentários são postados pelos visitantes do site, e não expressam a opinião da produção. Eventuais comentários indesejados, ofensivos ou que firam nossas políticas ou interesses de alguma forma poderão ser removidos sem aviso prévio. Ao comentar, seu IP ser[a gravado em log, assim como em praticamente todo blog. Evite comentários inúteis.
COMENTÁRIOS DESATIVADOS: A partir de abril de 2011 os comentários nesta seção antiga do site foram desativados, porque estava vindo muito SPAM automático. Para dúvidas ou novos comentários sobre algo que você não entendeu, poste no fórum que tanto a equipe como outros visitantes poderão lhe ajudar.

20 comentários

Ola Marcos, vim conhecer seu blog... mto bacana esse seu espaço aqui! Abraços, Ju
21.06.08 @ 02:48
Comentário de: Júnior [Visitante] Email
Olá, fiz como tu disse mas não apareceu os códigos. Editei o page/index/singles.php adicionando a div do HW, inclusive fechando-a depois. Depois, no footer, antes da adicionei o código "", onde XXXX é o meu código. Nenhum anúncio do HW apareceu, antes estava funcionando mas com o plugin, porém, tive que tirar o plugin pq tava detonando meu layout. Será que os códigos variam de tema para tema? Valeu
24.06.08 @ 15:48
Comentário de: Júnior [Visitante] Email
complementando: antes da tag [\body] e o código entre "" é o script do HW >> script src='http://www.hotwords.com.br/show.jsp?id=XXXX&cor=FF6633
24.06.08 @ 15:50
Comentário de: Roberto Silva [Visitante] Email · http://radbox.info
Obrigado pela dica Marcos, desativei o plugin e instalei o código na mão, tendo funcionado corretamente. De quebra ganhei um bônus: o Hotwords parou de mexer nos anúncios do Adsense. Ocorria que o Hotwords carregava por último e trocava alguns anúncios do Adsense entre si e as vezes trocava os anúncios do Buscapé e do Adsense de lugar. Isto acabou.

:)
01.07.08 @ 13:46
Comentário de: Marcos Elias [Visitante] Email · http://www2.explorando.com.br
É Roberto, já vi isso acontecer também, por um tempão ficou ocorrendo num dos meus layouts hehe. Acontece algo parecido ao colocar o DIV com a id do hotwords abrangendo um bom pedaço do conteúdo do blog, não só os textos dos posts. Scripts eram recarregados, e com isso recarregavam-se as propagandas, dando um efeito ruim, prejudicando os anúncios e a interação com o visitante.

E Júnior, experimente verificar novamente. Vc usa algum plugin de cache, como oWP-SuperCache? Se usar é necessário desativá-lo e ativá-lo, para que o cache seja refeito. Para conferir, exiba o código fonte da sua página depois de carregada e procure pelas modificações feitas, vendo se o DIV cerca o conteúdo mesmo.
01.07.08 @ 17:57
Comentário de: Ronald [Visitante] Email
Já vi tutoriais que indicam para editar apenas o header.php e o footer.php, sendo que no header fica o delimitador "div id=HOTWordsTxt " e no footer o "/div""script src=’http://www.hotwords.com.br/show.jsp?id=3895?""/script"

(obs.: onde tem aspas é o )

Ambas as formas funcionam?
06.07.08 @ 11:52
Comentário de: Marcos Elias [Visitante] Email · http://www2.explorando.com.br
Sim Ronald, funciona, já que o conteúdo estará cercado pela tag DIV de qualquer forma ao fazer assim. Mas além do conteúdo, as sidebars e outros elementos do layout também ficarão cercados, podendo exibir os anúncios.

Em alguns temas, eu custei a descobrir, mas isso causava um efeito de "piscagem" da tela, onde a tela era "atualizada" digamos, ao exibir as propagandas do hotwords. Com isso algumas propagandas como do adsense e conteúdo de iframes eram recarregados, dando um efeito desagradável.

Fazer cercando apenas o conteúdo evita isso :)
06.07.08 @ 12:16
Comentário de: Neto [Visitante] Email · http://sneto.com
Valeu, seu artigo não só ensina de maneira simples a colocar o código, como também nos faz entender o que estamos fazendo! A HotWords devia trocar o tutorial dela pelo seu.

Abraços.
26.07.08 @ 00:10
Comentário de: Marcos Elias [Visitante] Email · http://www2.explorando.com.br
Valeu, Neto :)

Abraços
26.07.08 @ 01:12
Comentário de: Gabriel Galvão [Visitante] · http://www.administrando.biz
Muito obrigado pelas dicas. Apliquei para instalar o Dynabox do Buscapé e funcionaram perfeitamente.

Abraços!
14.05.09 @ 20:59
Comentário de: Fabio Trigo [Visitante] Email · http://eventu.biz/blog
Oi, Marcos! Obrigado por disponibilizar esse post.

Porém, mesmo assim, o hotwords continua mexendo nos anúncios do Adsense. Alguma sugestão?

Abraços!
04.11.09 @ 06:48
Comentário de: Marcos Elias [Membro] Email · http://www.explorando.com.br
Eles estão realmente FORA da div do HotWordsTXT?

Exiba o código fonte do seu site depois de acessado (sem ser nos arquivos .php do tema) para confirmar...

Se estiver fora e continuar acontecendo é estranho, não vi ocorrer nenhuma vez nem comigo nem com amigos estando "fora" da div.

Abraços
04.11.09 @ 13:58
Comentário de: Fabio Trigo [Visitante] Email · http://eventu.biz/blog
Acabei de olhar, Marcos.

Apesar de ter feito conforme o passo a passo, pelo código-fonte do post, o código adsense aparece dentro da div do hotwords.

Eu uso o plugin "Whydowork Adsense" para gerenciar os anúncios dentro dos posts.

Será que preciso desativá-lo e ativá-lo de novo? Ou precisarei fazer alguma outra coisa?

Abraços e obrigado pela atenção!
04.11.09 @ 15:47
Comentário de: Marcos Elias [Membro] Email · http://www.explorando.com.br
Então está aí o problema :P Tente não usar o plugin e colocar o código direto no arquivo.

Usando o plugin provavelmente ele coloca o código ao ser chamado com a instrução the_content do Wordpress, essa que já ficaria dentro da DIV do HotWords. Não vejo como resolver isso, pois ao usar o plugin para inserir no conteúdo sempre seria puxado antes do texto do post, porém junto com a instrução the_content, que naturalmente ficou dentro da sua DIV do HotWords. De qualquer forma o texto enviado pelo plugin já ficaria "cercado" pela DIV.

O ruim de "piscar" é que gera duas impressõs dos anúncios, o que pode até mesmo ferir as políticas do sistema de publicidade (às vezes os anúncios até são trocados).

Eu no seu lugar colocaria os códigos manualmente, mas não posso garantir que essa seria a única solução, talvez mexendo no plugin se conseguisse algo.

Abraços!
04.11.09 @ 19:44
Comentário de: Sérgio Berlotto [Visitante] · http://www.berlotto.blog.br
Obrigado !
Funcionou muito bem...
10.12.09 @ 09:24
Comentário de: Freitas [Visitante]
Marcos,

Gostaria de saber se é possível configurar o HotWordes nos comentários do blog.

Caso seja possível você pode me passar essa dica.

Desde já agradeço sua ajuda!
04.06.10 @ 15:27
Comentário de: internetador [Visitante] · http://internetar.com
Boa opção. É até mais simples que o plugin.
21.09.10 @ 15:43
Comentário de: internetador [Visitante] · http://internetar.com
O código para usar no Blofgger é diferente do Wordpress. Se usar o código de um em outro não vai aparecer.
22.09.10 @ 00:48
Comentário de: internetador [Visitante] · http://internetar.com
O código para usar no Blogger é diferente do Wordpress. Se usar o código de um em outro não vai aparecer.
22.09.10 @ 00:49
Comentário de: Frog Tecnologia [Visitante] · http://www.frogtecnologia.com.br
Muito legal o artigo. Vou testar no tema do meu blog assim que receber o email da Hotwords com os meus dados :D
11.01.11 @ 10:40