Buscador Google en DotNetNuke

Buscador Google en DotNetNuke
SuperUser Account

No sé que os parece, pero a nosotros no nos gusta demasiado el buscador de DotNetNuke. ¿Cuál es el mejor buscador? Google ¿no? Pues os presentamos aquí una sencilla forma de integrarlo con cualquier portal DotNetNuke, restringiendo los resultados que devuelve al portal que más os interese. Podéis ver un ejemplo...

No sé que os parece, pero a nosotros no nos gusta demasiado el buscador de DotNetNuke. ¿Cuál es el mejor buscador? Google ¿no? Pues os presentamos aquí una sencilla forma de integrarlo con cualquier portal DotNetNuke, restringiendo los resultados que devuelve al portal que más os interese. Podéis ver un ejemplo aquí: fijaos en que se van devolviendo resultados de búsqueda a medida que se escribe, y todo integrado razonablemente bien con la imagen gráfica del portal.

¿Complicado? No creo. Basta con añadir a la página donde queramos poner el buscador un módulo HTML. Insertaremos en el encabezado del módulo (abriendo su configuración) el siguiente código, reemplazando el texto en rojo con nuestro dominio:

<!-- buscador Google -->
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script language="Javascript" type="text/javascript">
<!--
    google.load('search', '1.0');

    function OnLoad() {
        var searchControl = new google.search.SearchControl();
        var drawOptions = new google.search.DrawOptions();
        drawOptions.setInput(document.getElementById("gss_input"));
        var options = new google.search.SearcherOptions();
        options.setExpandMode(google.search.SearchControl.EXPAND_MODE_OPEN);
        options.setRoot(document.getElementById("gcsResults"));
        // options.setNoResultsString("No results found.");  <-- This option is broken as of 11/10/2008
        searchControl.setLinkTarget(google.search.Search.LINK_TARGET_SELF);
        searchControl.setResultSetSize(google.search.Search.LARGE_RESULTSET);
        var siteSearch = new google.search.WebSearch();
        siteSearch.setSiteRestriction("
www.aquieldominio.com");
        searchControl.addSearcher(siteSearch, options);
        searchControl.draw(null, drawOptions);
    }

    google.setOnLoadCallback(OnLoad, true);
-->
</script>

A continuación, abrimos el contenido del módulo HTML y, en modo código HTML, insertamos este código:

<div class="BuscadorGoogleForm">Busque en el portal:&#160;<input type="text" id="gss_input" size="50" /><hr />
</div>
<div id="gcsResults">&#160;</div>

Esto es lo que realmente muestra el buscador y la lista de resultados, y podemos personalizarlo fácilmente mediante estilos CSS. Lo único que deberemos mantener sin modificar son los identificadores de los dos DIV.

26126 Puntúe este artículo:
3.0

Deje un comentario

This form collects your name, email, IP address and content so that we can keep track of the comments placed on the website. For more info check our Privacy Policy and Terms Of Use where you will get more info on where, how and why we store your data.
Añadir comentario