[Tutorial] Añadir Google Search como sistema de búsqueda en MyBB

nentab 19 Nov, 2011, 7:03 am

Con este tutorial aprenderás a añadir Google Search como sistema de búsqueda en MyBB.

Para conseguir esto sigue estos supersencillos pasos y lo lograrás:

1) Habrá que subir a la raíz del foro un archivo llamado buscar.php con el siguiente contenido:

Código:
<?php

    define ( 'IN_MYBB' , 1 );

    require "./global.php" ;

    add_breadcrumb ( "Búsqueda" , "buscar.php" );

    eval( "\$buscar = \"" . $templates -> get ( "buscar" ). "\";" );

    output_page ( $buscar );

?>

2) Ahora tendrás que crear una plantilla llamada buscar.

Primero vas a Panel de administración > Estilos y plantillas > Plantillas > Agregar plantilla

Nombre de la plantilla:

Código:
buscar

Set de plantillas:

Código:
Plantillas globales

Contenido de la plantilla:

Código:
<html>

    <head>

        <title>{$mybb->settings[bbname]} - Búsqueda</title>

        {$headerinclude}

    </head>

    <body>

        {$header}

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

    <tr>

        <td class="thead"><strong>{$mybb->settings[bbname]} - Búsqueda</strong></td>

    </tr>

    <tr>

        <td class="trow1">

            <form method="post" action="buscar.php">

                <input type="text" name="keywords" class="input.textbox" />

                <input type="submit" value="Buscar" class="button" />

            </form>

        </td>

    </tr>

    <tr>

        <td bgcolor="#ffffff">

            <div id="cse" style="width: 100%;">Loading</div>

            <script src="http://www.google.com/jsapi" type="text/javascript"></script>

            <script type="text/javascript"> 

              function parseQueryFromUrl () {

                var queryParamName = "q";

                var search = window.location.search.substr(1);

                var parts = search.split('&');

                for (var i = 0; i < parts.length; i++) {

                  var keyvaluepair = parts[i].split('=');

                  if (decodeURIComponent(keyvaluepair[0]) == queryParamName) {

                    return decodeURIComponent(keyvaluepair[1].replace(/\+/g, ' '));

                  }

                }

                return '';

              }

              google.load('search', '1');

              google.setOnLoadCallback(function() {

                var customSearchControl = new google.search.CustomSearchControl('partner-pub-XXXXXXXXXXXXXXXX:XXXXXXXXXX');

                customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);

                var options = new google.search.DrawOptions();

                options.setAutoComplete(true);

                options.enableSearchResultsOnly();     

                customSearchControl.draw('cse', options);

                var queryFromUrl = parseQueryFromUrl();

                if (queryFromUrl) {

                  customSearchControl.execute(queryFromUrl);

                }

              }, true);

            </script>

            <link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css" type="text/css" />

        </td>

    </tr>

</table>

        {$footer}

    </body>

</html>

Nota: Evidentemente, tendréis que cambiar las X del partner-pub, por vuestro número de partner-pub. El código partner-pub lo sacais de crear el buscador en Google Adsense.

3) Finalmente tendrás que añadir la caja de buscador en la plantilla llamada header.

Código del buscador:

Código:
<form method="post" action="buscar.php">

    <input type="text" name="keywords" class="input.textbox" />

    <input type="submit" value="Buscar" class="button" />

</form>

Nota: El código del buscador es completamente editable.

Bueno, pues con esto ya está, tutorial terminado. Espero que quedase todo claro.

Licencia (CC BY-NC-ND 3.0)

Este tutorial se encuentra bajo una licencia Creative Commons Reconocimiento-NoComercial-SinObraDerivada 3.0 Unported.

Autor de esta guía: nentab de SoporteMyBB.
Agradecimientos: wsoul de SoporteMyBB.
Si deseas publicarlo en otros sitios tendrás que publicar la licencia y la autoría.

Última modificación: 21 Nov, 2011, 4:02 am por Cluster.

Ryuuseiken 19 Nov, 2011, 8:16 am

Gracias por el tutorial Big Grin

, haber si lo pruebo.
Saludos!

Cluster 19 Nov, 2011, 11:32 am

esto sirve para la busqueda con adsense?

Jaizu 19 Nov, 2011, 4:45 pm

Código PHP:
<?php 

google.search.CustomSearchControl('partner-pub-XXXXXXXXXXXXXXXX:XXXXXXXXXX'); 

¿Qué es el partner-pub y como sabemos cual es el nuestro y de que es, url, cuenta de GMail...?
En cuanto sepa eso Lo implemento =B

[Imagen: http://i.imgur.com/kLUbBrj.png]

Novedad [Tutorial] Añadir Google Search como sistema de búsqueda en MyBB

nentab 19 Nov, 2011, 7:03 am

Ryuuseiken 19 Nov, 2011, 8:16 am

Cluster 19 Nov, 2011, 11:32 am

Jaizu 19 Nov, 2011, 4:45 pm

nentab 19 Nov, 2011, 5:43 pm

Omar G. 19 Nov, 2011, 6:02 pm

nentab 19 Nov, 2011, 6:03 pm

Omar G. 19 Nov, 2011, 7:04 pm

Jaizu 20 Nov, 2011, 2:04 am

drewhack1 20 Nov, 2011, 10:54 pm