[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:

<?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:

buscar

Set de plantillas:

Plantillas globales

Contenido de la plantilla:

<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:

<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)

[Imagen: 80x15.png] 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

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: kLUbBrj.png]

nentab 19 Nov, 2011, 5:43 pm

(19 Nov, 2011, 8:16 am)Ryuuseiken escribió: Gracias por el tutorial , haber si lo pruebo.
Saludos!

De nada.

(19 Nov, 2011, 11:32 am)Solstice escribió: esto sirve para la busqueda con adsense?

Creo que sí. Smile

(19 Nov, 2011, 4:45 pm)Jaizu escribió:
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

Puedes sacarlo por ejemplo de crear un buscador aquí: http://www.google.com/cse/

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

Ni idea de que el el partner-pun..

Envía un DM o MP si te interesa patrocinar alguna actualización o complemento a alguno de mis plugins.

Discord omar.gonzalez (Omar G.#6117); Telegram at @omarugc;

nentab 19 Nov, 2011, 6:03 pm

(19 Nov, 2011, 6:02 pm)JustU escribió: Ni idea de que el el partner-pun..

(19 Nov, 2011, 5:43 pm)nentab escribió: Puedes sacarlo por ejemplo de crear un buscador aquí: http://www.google.com/cse/

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

Jaja, ya me las arregle para hacer la caja solo xD
Gracias de todas formas Smile