Clicky

Marca de agua en el motor de búsqueda personalizado de Google

Cómo solucionar que aparezca la marca de agua en Google custom search

Google AdSense para búsqueda en un sitio web de Joomla sin necesidad de utilizar un módulo personalizado

Google AdSense para búsqueda ofrece a sus usuarios insertar la caja de búsqueda de Google en su sitio web al mismo tiempo que obtiene ingresos de anuncios relevantes para los términos de búsqueda.

Según donde coloques el código que facilita Google Adsense puede que la marca de agua no aparezca en la caja de búsqueda.

La incorporación de Google AdSense para búsqueda en un sitio web de Joomla sin necesidad de utilizar un módulo personalizado y que aparezca la marca de agua se puede lograr con el siguiente método.

Requisitos:

(1) Cualquier sitio Web de CMS Joomla (no importa qué versión).
(2) Es necesario tener una cuenta de Google AdSense.
(3) Es necesario establecer un bloque de anuncios de AdSense para búsqueda.

Después de configurar el bloque de anuncios de Google AdSense para búsqueda, Google presentará el código del bloque de búsqueda para insertarlo en el sitio web. Habrá que hacer un par de cambios en el código original de Google AdSense para búsqueda con el fin de obtener que la búsqueda en el sitio funcione correctamente.

Código original de AdSense de Google para búsqueda:

Se ha usado en el ejemplo este número de cuenta de afiliación de Google (partner-pub-xxxxxxxxxxxxxxxxxxx:4ceypz-20oe). Recuerda usar tu propio número de cuenta (ID de Google Adsense) en el código de búsqueda.

<form action="http://www.google.es/cse" id="cse-search-box" target="_blank">
  <div>
    <input type="hidden" name="cx" value="partner-pub-xxxxxxxxxxxxxxxxxxx:4ceypz-20oe" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="text" name="q" size="31" />
    <input type="submit" name="sa" value="Buscar" />
  </div>
</form>
<script type="text/javascript" src="http://www.google.es/cse/brand?form=cse-search-box&amp;lang=es"></script>

Ejemplo de motor de búsqueda con el código de arriba:


Código del cuadro de búsqueda modificado

A continuación se muestran los cambios necesarios que tendrás que hacer al código de la caja de búsqueda con el fin de hacer que Google AdSense para búsqueda funcione correctamente dentro de un sitio web con Joomla.

Cambios en el código de la caja de búsqueda:

Hacer los dos cambios siguientes se traducirán que la búsqueda de Google que funcione correctamente en cualquier sitio web.

Al parecer algunas URLs que llevan algún carácter como "?q=" causan un conflicto con la "q" del formulario de AdSense de Google para búsqueda. El formulario de búsqueda de Google utiliza  la "q" en el parámetro name = "q". Para eliminar esta "q" conflictiva es necesario reemplazar name = "q" con name = "as_q" en el código de la caja de búsqueda.

Versión modificada de la caja de búsqueda:

<form action="http://www.google.es/cse" id="cse-search-box" target="_blank">
  <div>
    <input type="hidden" name="cx" value="partner-pub-xxxxxxxxxxxxxxxxxxx:4ceypz-20oe" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="text" name="as_q" size="31" />
    <input type="submit" name="sa" value="Buscar" />
  </div>
</form>
<script type="text/javascript" src="http://www.google.es/cse/brand?form=cse-search-box&amp;lang=es"></script>

Pega el código de arriba en la página donde deseas que aparezca tu caja de búsqueda.

Añadir la marca de agua "Google búsqueda personalizada"
:

Al hacer el cambio name = "as_q" dentro de la declaración del formulario de la caja de búsqueda, el formulario de búsqueda funcionará correctamente. Sin embargo, este cambio hace que el código particular "Google Custom Search" (o Google búsqueda personalizada, que empleo en el ejemplo) con la imagen de marca de agua que no aparezca en el caja de entrada del buscador en la carga de las páginas como lo haría si el código del cuadro de búsqueda original funcionase correctamente como lo hace en algunos módulos.

Para recrear el aspecto exacto de la caja de búsqueda original de Google que incluye la imagen de agua con el texto "Google búsqueda personalizada", utiliza el siguiente código sustituyendo de la declaración del formulario de la caja de búsqueda:

Sustituye con name = "as_q" el name = "q"):

<input type="text" name="as_q" size="31" style="background-image: url(/templates/bizuniverse/images/google_custom_search_watermark-es.gif); background-repeat: no-repeat; border: solid 1px #7E9DB9;" onclick="this.style.backgroundImage='url()';this.onclick=null;" />

Recuerda que debes incluir la ubicación de la ruta a la imagen google_custom_search_watermark-es.gif

El ejemplo de caja y el código completo del formulario de Google Adsense para búsqueda personalizada con la marca de agua quedaría así:


<form action="http://www.google.es/cse" id="cse-search-box" target="_blank">
  <div>
    <input type="hidden" name="cx" value="partner-pub-xxxxxxxxxxxxxxxxxxx:4ceypz-20oe" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="text" name="as_q" size="31" style="background-image:url(/images/stories/google-busqueda-personalizada-p.gif); background-repeat: no-repeat; border: solid 1px #7E9DB9;" onclick="this.style.backgroundImage='url()';this.onclick=null;" />
    <input type="submit" name="sa" value="Buscar" />
  </div>
</form>
<script type="text/javascript" src="http://www.google.es/cse/brand?form=cse-search-box&amp;lang=es"></script>

Esta declaración de la caja de búsqueda simula el aspecto exacto de la caja de búsqueda original de Google mediante la colocación de una imagen "Google búsqueda personalizada" dentro del cuadro de texto. La imagen desaparece cuando el usuario coloca el puntero en la caja de búsqueda como lo haría en la caja original de entrada de Google sin alteraciones.

Recuerda que tienes que subir a tu servidor las imágenes de las marcas de agua y enlazarlas desde su lugar en el código de búsqueda personalizada de Google. Si quieres puedes utilizar estos links para obtener las marcas de agua:

Logotipo grande de marca de agua de Google para búsqueda personalizada:
http://www.xn--apaados-6za.es/images/stories/google-busqueda-personalizada-lupa.png

Logotipo pequeño de marca de agua para búsqueda personalizada de Google:
http://www.xn--apaados-6za.es/images/stories/google-busqueda-personalizada-p.gif.png

Nota: Para respetar las políticas del programa de Adsense sólo la primera caja de búsqueda está implementada para Google Adsense.

Jesus_Caceres