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
9 comentários até agora ↓
1 Ju // jun 21, 2008 at 2:48
Ola Marcos, vim conhecer seu blog… mto bacana esse seu espaço aqui! Abraços, Ju
2 Júnior // jun 24, 2008 at 15:48
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
3 Júnior // jun 24, 2008 at 15:50
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
4 Roberto Silva // jul 1, 2008 at 13:46
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.
:)
5 Marcos Elias // jul 1, 2008 at 17:57
É 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.
6 Ronald // jul 6, 2008 at 11:52
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?
7 Marcos Elias // jul 6, 2008 at 12:16
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 :)
8 Neto // jul 26, 2008 at 0:10
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.
9 Marcos Elias // jul 26, 2008 at 1:12
Valeu, Neto :)
Abraços
Deixe seu comentário