Crear página de resultados de búsqueda de Google en Wordpress
Desde hace bastante tiempo tengo implementada en el blog una página de resultados de búsqueda de Google, aunque hasta hoy utilizaba Adsense Deluxe para mostrarla fácilmente, he decidido desactivar el plugin y hacer que la dicha página de resultados sea independiente. Buscando por ahí, los tutoriales que he encontrado me parecen bastante liososos y no muy bien explicados, por lo que lo voy a explicar a mi manera, espero que os resulte útil.
1. Crear una página en Wordpress.
En primer lugar, tenemos que crear la página que contendrá los resultados de búsqueda. Para ello vamos a "Write/Escribir" > "Page/Página". Le ponemos de título "Resultados de búsqueda". De esta forma, la dirección de la página sería: http://www.tusitio.com/resultados-de-busqueda/. Guardamos la página.
2. Crear el formulario de búsqueda y obtener el código de Google.
En primer lugar, como resulta obvio, necesitas crear una cuenta de Adsense. Una vez creada, entramos en Configuración de Adsense > AdSense para búsqueda. Una vez ahí, seleccionamos la opción "WebSearch de Google + SiteSearch" e introducimos la dirección de nuestra página. Le ponemos al cuadro de búsqueda el diseño que queramos (Sobre gustos no hay nada escrito), pero marcamos dentro del cuadro de ejemplo la opción que marca nuestro blog (Será la que se mostrará como predeterminada). Casi al final del todo, marcamos la opción "Abrir los resultados en mi propio sitio" e introducimos la dirección de la página de resultados de búsqueda que anteriormente creamos (http://www.tusitio.com/resultados-de-busqueda/). También debemos introducir el ancho del cuadro de resultados, que generalmente será el mismo que el ancho de una entrada (Se puede mirar en la hoja de estilos). Le damos clic a siguiente.
En la siguiente página le podemos dar el estilo que queramos a nuestros resultados de búsqueda, que deberían coincidir con el contenido de nuestro blog. En País o territorio para el dominio de Google, seleccionamos el país en que queremos que se busquen los principales resultados de búsqueda. Si queremos asignarle algún criterio se lo asignamos. Hacemos clic en siguiente.
En la siguiente página ya nos aparecerán dos bloques de código: el primero para el formulario de búsqueda, y el segundo para los resultados. No cerramos esta página.
3. Editar la plantilla de la página de búsqueda.
Ahora tenemos que editar la plantilla serach.php que se encuentra dentro del directorio de nuestro theme. Le tenemos que añadir al principio:
/*
Template Name: Google Search
*/
?>
<?php get_header(); ?>
para que Wordpress la interprete como plantilla.
A continuación tenemos que borrar el código perteneciente a la hoja de resultados original, y en su lugar, introducir el código del cuadro de búsqueda de Google. En K2 quedaría algo parecido a ésto:
/*
Template Name: Google Search
*/
?>
<?php get_header(); ?>
<div class="content">
<div id="primary">
<div id="current-content">
<!-- Google Search Result Snippet Begins -->
<div id="googleSearchUnitIframe"></div>
<script type="text/javascript">
var googleSearchIframeName = 'googleSearchUnitIframe';
var googleSearchFrameWidth = 647;
var googleSearchFrameborder = 0 ;
var googleSearchDomain = 'www.google.es';
</script>
<script type="text/javascript"
src="http://www.google.com/afsonline/show_afs_search.js">
</script>
<!-- Google Search Result Snippet Ends -->
</div> <!-- #current-content -->
<div id="dynamic-content"></div>
</div> <!-- #primary -->
<?php get_sidebar(); ?>
</div> <!-- .content -->
<?php get_footer(); ?>
4. Cambiar la plantilla de la página de resultados búsquedas.
Por último, tenemos que subir el nuevo search.php a la carpeta de nuestro theme, sustituyendo la original. En último lugar, editamos la página que creamos inicialmente y seleccionamos a la derecha en "Page Template/Plantilla de la página" el título de la plantilla que hemos creado, en este caso Google Template. Salvamos y ya está.
¡No os olvidéis de poner el código del formulario de búsqueda donde queráis!
- Publicado por The-RockeR a las 12:01 am
- Guardado en: Wordpress
- Etiquetado con: , google, Tutoriales, Wordpress
- Comentarios RSS de esta entrada
- TrackBack URI













Feed
ps pa toos los q montan bmx un saludo y
sigan bmx montando
Y cómo hacemos para que un link a la página creada no salga arriba junto al header?
Es muy fácil, el tag de wordpress wp_list_pages tiene una propiedad que se llama exclude, que excluye una página según su id.
En el Codex de Wordpress lo pone todo
que se puede hacer para que la plantilla se cree. La del 4º paso. Segui tus indicaciones a l aperfeccion en dos de mis 3 blog.
en aperrrados punto com resulto
en datines punto com resulto
pero por alguna extraña razon en mi web
comovivirenchile punto cl
no aparece la opcion de plantilla de la pagina. quede absolutamente plop. no se que hacer
“Y cómo hacemos para que un link a la página creada no salga arriba junto al header?”
En WP6 simplemente no publiques la página, sólo guárdala y utiliza su permalink para ponerlo en el adsense cuando estés configurándolo.
——–
Rocker, muchísimas gracias por la ayuda. Ya he conseguido por fin hacer lo que no encontraba la manera.
De todos modos, siguiendo tus pasos he visto, lo que creo son algunas erratas, permíteme comentarlas:
1.- Es una estupidez, pero por lo menos te quedará más bonito el post: dices “Ahora tenemos que editar la plantilla serach.php que se encuentra”, realmente la plantilla es search.php
2.- Donde dices “En último lugar, editamos la página que creamos inicialmente y seleccionamos a la derecha en “Page Template/Plantilla de la página” el título de la plantilla que hemos creado, en este caso Google Template. Salvamos y ya está”
Realmente, el nombre que has utilizado al modificar la plantilla search.php que se encuentra dentro del directorio de nuestro theme es Google Search, no Google Template.
Muchas gracias de nuevo, un abrazo desde Seattle.
Crear una página de búsqueda para nuestra web utilizando Google Search…
Es un buen comentario sobre cómo diseñar una página en word press que presente los resultados de las búsquedas de Google. Lo explica paso a paso de un modo sencillo….
@Mariano: Como dije dos comentarios más arriba, se trata de elegir el id de la categoría que queramos excluir con la propiedad exclude del wp_post_list
Finalmente yo no utilicé la propiedad exclude, me resultó más fácil hacerlo como expliqué en mi anterior comentario y funciona bien. Espero que no dé problemas.
Gracias de nuevo The-RockeR.
es la mejor