Inserindo pesquisa personalizada do Google AdSense no seu blog!

Postado em 04/07/08 , por Carlos | 1 comentário

O Google AdSense disponibiliza uma ferramenta de pesquisa personalizada para seus usuários. Essa ferramenta insere uma caixinha de pesquisa do Google dentro do site do user, e é também uma boa forma de se ganhar mais com o AdSense, pois junto com os resultados das buscas são exibidos anúncios.

O que eu vou mostrar agora é como criar uma página especial para que sejam exibidos os resultados da pesquisa, como por exemplo essa aqui do Quinta Categoria.

1° Gere o formulário

Dentro do Google AdSense clique em Configuração do AdSense => Obter Anúncios => AdSense para pesquisas. Por fim, chegue até esta página:

Pesquisas

2° Crie a página personalizada dos resultados

Faça um cópia do arquivo page.php do seu tema (WordPress), e tire os códigos do loop que são <?php while(have_posts()):the_post();?> e <?php endwhile;?>, tire também todos códigos php que estiverem dentro do loop, como <?php the_content();?>, <?php the_title();?>, <?php the_time();?>….

Embaixo da tag get_header, logo no início, insira este código:

<?php
/*
Template Name: Google
*/
?>

Copie e cole o código dos "resultados de pesquisa" dentro da página. Dica: Para evitar problemas, é só colocar o código no mesmo lugar que estava a tag the_content(). No final irá mais ou menos ficar assim:

<?php get_header();?>
<?php
/*
Template Name: Google
*/
?>

<div id="content">
<div id="bloco">

<h1>Pesquisa</h1>

<div class="content">

<div id="cse-search-results"></div>
<script type="text/javascript">
var googleSearchIframeName = "cse-search-results";
var googleSearchFormName = "cse-search-box";
var googleSearchFrameWidth = 800;
var googleSearchDomain = "www.google.com.br";
var googleSearchPath = "/cse";
</script>
<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>

</div>

</div>

</div>

<?php get_sidebar();?>
<?php get_footer();?>

Salve como google.php na pasta do seu tema.

Vá na Dashboard e Escrever (Write) -> Page. Só preencha o título e marque Google ( sim, é o mesmo arquivo que foi criado a pouco) como página modelo. Assim ó:

Página modelo

Publique.

3° Insira o formulário de pesquisa

Agora basta copiar o código do formulário de pesquisa e colá-lo na sidebar, ex:

<form action="http://www.quintacategoria.com.br/pesquisa/" id="cse-search-box">
<div>
<input type="hidden" name="cx" value="partner-pub-4193700955143783:hdpspd-4lrc" />
<input type="hidden" name="cof" value="FORID:10" />
<input type="hidden" name="ie" value="ISO-8859-1" />
<input type="text" name="q" size="25" />
<input type="submit" name="sa" value="Pesquisar" />
</div>
</form>

Veja no começo onde está "http://www.quintacategoria.com.br/pesquisa/", note que deve ser a url da página dos resultados que foi criada no WordPress.

Pronto! Espero que tenha entendido e conseguido fazer… U.U

Compare preços - Buscapé

Apple iPhone 3G

Compare preços - Buscapé

Notebooks

Compare preços - Buscapé

TVs de LCD

Compare preços - Buscapé

Playstation 3


Compartilhe este post nas redes sociais
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • Rec6
  • Technorati
  • TwitThis
  • Linkk
  • UEBA
  • E-mail this story to a friend!

1 comentário


Mathues
Enviado em 05/07/08 [link]


Nossa Carlos, ajudou muito! Gostei! [nerd]



Escreva seu comentário abaixo:

Nome (Apelido, nickname...)
E-mail (Obrigatório, mas não será exibido)

[O.O] [lol] [musica] [felizd+] [desconfiado] [metal] [naonao] [bunitinho] [lalala] [o_o] [soldado] [hahaha] [loko] [bixona] [box] [o.o]

Obs: Para ter sua imagem exibida nos comentários, é preciso que seu e-mail esteja cadastrado no Gravatar.


2008 © - Todos os direitos reservados!
Feito orgulhosamente com WordPress | Design por Carlos Henrique Webdesigner.