Integración de Google Custom Search en WordPress

En este tutorial voy a explicar como integrar la caja del motor de búsqueda de Google en tu blog, como así también los resultados que este devuelve para que sean vistos en una página dentro del blog. Es ideal para evitar que los usuarios se vayan de la web y es mucho más práctico para ellos. Además podés sacarle provecho al AdSense de Google.

Para poder crear un motor de búsqueda personalizado debes tener una cuenta Google. Si no la tenés la registras acá.

Si ya tenés una cuenta, vas directamente a la página de Google Custom Search y creas un nuevo motor  de búsqueda personalizado.

Ingresas los datos que pide el formulario:

  1. En información básica no hace falta que explique nada…
  2. En «¿Qué quiere buscar?» seleccionas Sólo los sitios que seleccione.
  3. En «Seleccione algunos sitios» debes ingresar la URL del blog donde se va a realizar la búsqueda. Por ejemplo si la URL de tu blog es http://miblog.com entonces deberás ingresar en la caja de texto miblog.com/* (con el asterisco).
  4. En «Seleccione una edición» selecciona Edición estándar.

Aceptas las Condiciones de servicio y le das a «Siguiente».

Ahora aparece una página que permite probar el funcionamiento del motor de búsqueda que acabas de crear. Si todo funciona bien haces click en «Finalizar», sino volve al primer paso y revisa que todo este en orden.

Ahora ves una pantalla donde te muestra los motores de búsqueda que creaste. Voy a explicar lo más básico para que todo funcione, pero hay muchas opciones las cuales podés investigar por tu cuenta.

  1. Haces click en «Panel de Control«.
  2. Vas a la pestaña «Diseño» y «hermoseas» tu motor de búsqueda a gusto (son los colores que van a tener los resultados de la búsqueda).
  3. En la pestaña «Código» está la opción que permite mostrar los resultados en el blog.
    • En «Opciones de alojamiento de los resultados de búsqueda» seleccioná Alojar resultados en su sitio web y iframe.
    • En «Especificar detalles de los resultados de búsqueda« tenés que ingresar la URL de tu blog, la página donde se van a mostrar los resultados (más adelante la creamos en WordPress). Un ejemplo sería http://miblog.com/busqueda-en-google/. Esto también depende de como tengas la estructura de los enlaces. Seleccionas donde querés que aparezcan los anuncios y copias los dos códigos que aparecen debajo en algún lugar que te quede a mano para luego pegarlos en tu theme.
  4. Por último, en la pestaña «Obtener ingresos» podés asociar tu cuenta AdSense con el motor de búsqueda.

Ahora tenés que crear la página en WordPress para mostrar los resultados. Vas a Escribir > Página y seleccionas la sopala HTML, pegás el segundo código que copiaste de la página de GCS, le ponés de nombre «Búsqueda en Google» (es el nombre que le habías dado anteriormente) y la publicas.

Ahora lo único que falta es ubicar la caja de búsqueda en el theme (el primer bloque de código de la página de GCS). Una buena opción es ponerla en la barra lateral. Podés crear un widget de texto y pegar ahí el código o ubicarla donde más cómodo te resulte.

Resultado

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(2 votos, promedio: 1)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

AVISO: Esta publicación es de hace 3 años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.

21 comentarios en “Integración de Google Custom Search en WordPress”

  1. Excelente guía! ya incluí el buscador personalizado en mi blog pero me quede trabado en la parte 4.. la de obtener ingresos.. cuando realizan una búsqueda en mi blog sale los resultados pero en ninguna parte veo el adsense, descubrí que cuando en el cuadro de búsqueda introduzco la palabra “Google” sale los resultados de todas mis entradas relacionadas a Google y arriba salen 2 anuncios.. pero con las demás palabras no sale nada, pero yo quiero que por cada palabra aparezca la publicidad relacionada con esa palabra al igual que con “Google”, eso donde lo puedo configurar? Gracias

  2. Lamentablemente no hay configuración de AdSense, solo tenés la opción de seleccionar la ubicación de los anuncios en el punto 3, nada más.

  3. Yo hace poco que lo he instalado y curiosamente, aunque son pocas las impresiones (no es demasiada la gente que utiliza el buscador), si que tiene un CTR incluso mayor que los banners del blog

  4. @fernanado ¿CTR? por tener más menos impresiones tendrá un CPM mayor ¿no? el CTR es el porcentaje de clicks.
    Bueno, hablando en cristiano que esto no es lo mío, que la gente pincha más enla publicidad que sale en los resultados de búsqueda que en los banners que tengo el blog.

  5. Pingback: Gaussianos cambia de cara | Gaussianos

  6. Yo lo he integrado en el mío y por ahora no veo el AdSense en ningún término, pero quizá sea cuestión de esperar.

    Gracias por los consejos.

  7. Muy buena guía, pero… cómo es que saco el botón "Busqueda", o sea, sale en el header la página como boton, cómo lo sacó?

    Gracias por los consejos!

  8. no es complicado ponerlo solo en una pagina…para mi lo complicado es poner en el header un form action que llame a otra pagina donde se encuentre mi "resultado de busqueda personalizada" creada con un api respectivo…tal como se muestra en http://www.digitalinsane.com/archives/2006/10/28/
    ni en esta pagina comentan como hacerlo con un tutorial, solo menciona la esencia pero no da el codigo necesario del metodo post y luego la ejecucion java…
    pf fer, date si podes un tiempito. No es urgente, pero definitivamente me gustaria mucho poder tener esta opcion en http://www.ernestojustiniano.org …donde actualmente ya uso el buscador simple de google con iframe

  9. En el tema de Adsense primero creé el motor a partir de la cuenta de Adsense y después lo personalicé a partir de la página http://www.google.es/coop/cse/ y no tuve problemas con el tema ingresos.

    He instalado la búsqueda personalizada. He incluido filtros para que no salgan las páginas de tags, categorías, etc.

    Pero me encuentro con un problema con los resultados de la búsqueda. Muchas veces me muestra posts que no tienen nada que ver con lo buscado. Parece como si hubiese tenido también en cuenta el texto de la barra lateral y no solo el texto del post. Por ejemplo si hago una búsqueda con palabras que aparezcan en algún enlace del blogroll encuentra un montón de posts que no tienen nada que ver con lo que estoy buscando. ¿Le pasa a alguien más?

  10. Pingback: Integración de Google Custom Search en Wordpress | Ayuda WordPress

  11. Muchísimas gracias. Estaba rompiéndome la cabeza en como programar algo para incrustarlo en mi web y resulta que es casi casi pueril.

    ¡Gracias nuevamente!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Ir arriba '),document.contains||document.write(''),window.DOMRect||document.write(''),window.URL&&window.URL.prototype&&window.URLSearchParams||document.write(''),window.FormData&&window.FormData.prototype.keys||document.write(''),Element.prototype.matches&&Element.prototype.closest||document.write('')Ir al contenido