Una vez que haya creado su motor de búsqueda programable, puede agregar el elemento de búsqueda programable a su sitio. Para hacer esto, necesitarás copiar algún código y pegarlo en el HTML de tu sitio donde quieres que aparezca tu motor de búsqueda.
- En el Panel de Control, haga clic en el motor de búsqueda que desea utilizar.
- haga clic en Configuración en la barra lateral y, a continuación, haga clic en la ficha Fundamentos.
- en la sección Detalles, haga clic en Obtener código.,Copie el código y péguelo en el código fuente HTML de su página donde desea que aparezca el elemento de búsqueda programable.
<div class="gcse-search"></div>probando diferentes diseños
en muchas ocasiones, tiene sentido que aparezca un cuadro de búsqueda independientemente de los resultados de búsqueda. Un diseño de dos columnas le permite representar un cuadro de búsqueda en un área de su página (por ejemplo, en la barra lateral) y mostrar los resultados en uno diferente (por ejemplo, el área principal de la página).,
para cambiar el diseño de su motor, vaya a la sección Apariencia en el Panel de Control y haga clic en la pestaña Diseño. Después de seleccionar y guardar el diseño de 2 columnas en el Panel de Control, también debe cambiar el código HTML para el elemento de búsqueda.
otro diseño interesante es la opción de dos páginas. Le permite implementar su propio cuadro de búsqueda en una página y representar los resultados de búsqueda estándar en Otra página utilizando parámetros en la barra de direcciones.
seleccione y guarde el diseño de dos páginas en el Panel de Control., En una página, implemente un cuadro de búsqueda independiente, cambiando el atributo resultsUrl para que apunte a la url donde desea mostrar los resultados.
pruébelo
para implementar una página de resultados de búsqueda independiente, pegue el fragmento de código de resultados en su página de resultados:
<script async src="https://cse.google.com/cse.js?cx=YOUR_ENGINE_ID"></script><div class="gcse-searchresults-only"></div>Ahora puede activar los resultados de búsqueda en esta página pasando un argumento «q» en la url:
pruébelo
continúe habilitando autocompletar.