Cristian/Ocampo - Un blog sobre diseño, desarrollo hipermedia, programación y experimentos visuales

Hace unos días publiqué el post “AdSense permite mostrar resultados de búsqueda en el sitio del editor”, sin poder explicar en ejemplos su uso.

En este post espero ser un poco más claro e incluso practicar con un ejemplo aplicable para el mismo Wordpress.

La idea de trata de generar un formulario de búsqueda Google y que los resultados sean mostrado en el mismo sitio y dentro del mismo formato del blog.

Instrucciones:

1. Tener una cuenta Google AdSense. Si usted no tiene una cuenta, puede registrarse para que
2. Crear un archivo para mostrar los resultados: Deberá crear un archivo y guardarlo dentro del directorio del theme actual de su Wordpress. El archivo deberá contener lo siguiente:
   

   <?php
   /*
   Template Name: Google Search
   */
   ?>
   <?php get_header();?>
   
   <!-- Google Search Result Snippet Begins -->
   <div id="googleSearchUnitIframe"></div>
   
   <script type="text/javascript">
     var googleSearchIframeName = 'googleSearchUnitIframe';
     var googleSearchFrameWidth = 700; /* El ancho */
     var googleSearchFrameHeight = 700; /* Altura */
     var googleSearchFrameborder = 0 ;
   </script>
   <script type="text/javascript"
     src="http://www.google.com/afsonline/show_afs_search.js">
   </script>
   <!-- Google Search Result Snippet Ends -->
   
   <?php get_sidebar();?> /* Opcional */
   <?php get_footer();?>

3. Crear Página de resultados de búsqueda: Ahora deberá crear en la administración de Wordpress una página usando el template que hemos creado. Para eso debe ir a Write y luego Write a Page. La página se va a llamar Google Search y en las opciones, donde dice Page Template:, seleccionar también Google Search, que es el nombre que le dimos al template que antes creamos. Luego guardar.
   Eso te creará la página http://direcciondetublog/google-search/
4. Crear el Formulario de búsquedas: Para realizar las búsquedas se necesita un formulario por el cual enviar los datos. El formulario que usaremos es el que se crea en la misma configuración de AdSense para Búsqueda. Se debe completar los datos requeridos, como el dominio donde se realizará la búsqueda, los colores del texto y los enlaces, el idioma y codificación. Además se debe activar la opción Abrir los resultados en mi propio sitio y luego ingresar ahí la dirección de la página que creamos en el paso anterior, en este caso http://direcciondetublog/google-search/
5. Agregar el Formulario de Búsquedas al Sitio: Una ves que el formulario este listo, solo es necesario agregar el código de este a las plantillas o en el searchform.php que muchos themes usan.

Después de esto el buscador integrado ya debería estar funcionando en el blog y los resultados de búsqueda ya deberían aparecer como parte de wordpress.

Para ver y probar el funcionamiento de esto pueden utilizar el formulario que se encuentra en este sitio.

Si se me fue algún detalle o me equivoqué en algo, por favor me dejan comentarios.

Si no tienes una cuenta con Google AdSense, no esperes más y registrate para comenzar a ganar dinero en tu web.