Inserindo pesquisa personalizada do Google AdSense no seu blog!

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:

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 ó:

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