Reemplazar Busqueda Vb por Google Adsense custom search

**NkC** · 19/03/2010 10:05

Primero aclarar que esta guia fue hecha por SemperFideles en este post Replace search with Google Custom Search - Page 3 - vBulletin.org Forum y también usare la guia traducida que puse Spika de Vbhispano en este post Cambiar Barra Búsqueda Normal por Barra Adsense, pero como no vi la guia en la sección adecuada la pondre para proximos usuarios que quieran hacer esta implementacion, que por cierto es muy buena y util tambien si usas adsense.

1.- Deberas ingresar a tu cuenta adsense y crear un nuevo buscador custom, estas son las opciones que deben usar, las demas pueden quedar por default:

- Tipo de búsqueda: "Sólo los sitios que selecciono"
- Sitios Seleccionados: Tu foro obviamente, y si quieres puedes agregar otros directorios que tengas en tu dominio, pero deberas usar el archivo que crearemos despues en tu root.
- Abrir página de resultados: "Abrir los resultados en mi propio sitio" y en el recuadro deberas poner tu sitio, donde colocaras el archivo google.php. http://misitio.com/google.php o quizas http://misitio.com/foro/google.php
1..jpg 2..jpg
Lo demas que coloquen no es relevante en realidad para el resultado final, haganlo a gusto.

Al finalizar la configuración y nos de el codigo, serán 2 codigos.
3..JPG

2.- Ahora que tenemos los códigos de Adsense vamos a nuestro:
Panel de Administrador de VBulletin --> Administrador de Estilos --> Añadir Nueva Plantilla
Le llamamos GOOGLE y le pegamos el siguiente código que está incluido los datos que Google Adsense os generó para el archivo google.php (en verde)

Código:

{vb:stylevar htmldoctype}
<html xmlns="http://www.w3.org/1999/xhtml" dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}" id="vbulletin_html">
  <head>
    <title>{vb:raw vboptions.bbtitle}</title>
    {vb:raw headinclude}
  </head>
  <body>
    
    {vb:raw header}
    
    {vb:raw navbar}
    
    <div id="pagetitle">
      <h1>{vb:raw pagetitle}</h1>
    </div>
    
    <h2 class="blockhead">EL TITULO DE TU SITIO</h2>
    <div class="blockbody">
      <div class="blockrow">

<div id="cse-search-results"></div>
<script type="text/javascript">
  var googleSearchIframeName = "cse-search-results";
  var googleSearchFormName = "cse-search-box";
  var googleSearchFrameWidth = 800;
  var googleSearchDomain = "www.google.es";
  var googleSearchPath = "/cse";
</script>
<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>
      </div>
    </div>
    
    {vb:raw footer}
  </body>
</html>

En rojo esta lo que debemos cambiar, el titulo de nuestro buscador del foro y el segundo codigo lo reemplazarán por su codigo que les dio google adsense (es el segundo, el que dice que es para su archivo google.php).

3.- Crear el archivo google.php, este nuevo archivo lo ubicaremos en la url que le dimos a google, ya sea el root o /foro, etc:

Código:

<?php

// ####################### SET PHP ENVIRONMENT ###########################
error_reporting(E_ALL & ~E_NOTICE);

// #################### DEFINE IMPORTANT CONSTANTS #######################

define('THIS_SCRIPT', 'test');
define('CSRF_PROTECTION', true);  
// change this depending on your filename

// ################### PRE-CACHE TEMPLATES AND DATA ######################
// get special phrase groups
$phrasegroups = array();

// get special data templates from the datastore
$specialtemplates = array();

// pre-cache templates used by all actions
$globaltemplates = array('GOOGLE',
);

// pre-cache templates used by specific actions
$actiontemplates = array();

// ######################### REQUIRE BACK-END ############################
// Si tu sitio se encuentra fuera del root, osea lo tienes en otro directorio, deberes especificarlo en el // chdir sino simplemente dejalo con los slash.
// chdir ('ruta/a/vuestro/foro');
require_once('./global.php');

// #######################################################################
// ######################## START MAIN SCRIPT ############################
// #######################################################################

$navbits = construct_navbits(array('' => 'B&uacute;squeda Foro GS Trail'));
$navbar = render_navbar_template($navbits);

// ###### YOUR CUSTOM CODE GOES HERE #####
$pagetitle = 'B&uacute;squeda con Google en Foro GS Trail';

// ###### NOW YOUR TEMPLATE IS BEING RENDERED ######

$templater = vB_Template::create('GOOGLE');
$templater->register_page_templates();
$templater->register('navbar', $navbar);
$templater->register('pagetitle', $pagetitle);
print_output($templater->render());

?>

Lo que esta en rojo es lo que deben modificar, en caso que sea necesario.

4.- Ahora solo queda reemplazarlo en nuestro navbar (copiar pegar del post de Spika):

En la plantilla navbar, busca por:

Código:

<form action="search.php?do=process" method="post" id="navbar_search" class="navbar_search">

Reemplaza por, asegurate de ingresar tu dirección al archivo google.php:

Código:

<form action="http://www.midominio.com/google.php"  id="cse-search-box">

Debajo Busca por:

Código:

<input type="hidden" name="s" value="{vb:raw session.sessionurl}" /> 
<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" /> 
<input type="hidden" name="do" value="process" />

Reemplaza por:

Código:

<input type="hidden" name="cx" value="partner-pub-XXXXXXXXXXXXXXXXXXXX" />
<input type="hidden" name="cof" value="FORID:10" />
<input type="hidden" name="ie" value="ISO-8859-1" />

Las X en rojo es el ID tuyo de Adsense que está en el Cuadro de Búsqueda que os generó Adsense.

Busca por:

Código:

<input type="text" value="" name="query" class="textbox" tabindex="99"/>

Reemplaza por:

Código:

<input type="text" value="" name="q" class="textbox" tabindex="99"/>

Busca por:

Código:

<input type="image" class="searchbutton" src="{vb:stylevar imgdir_button}/search.png" name="submit" onclick="document.getElementById('navbar_search').submit;" tabindex="100"/>

Reemplaza por:

Código:

<input type="image" class="searchbutton" src="{vb:stylevar imgdir_button}/search.png" name="sa" onclick="document.getElementById('navbar_search').submit;" tabindex="100"/>

Busca por:
</form>
Aparece dos veces. Debajo de la primera vez que aparece, agregas esto:

Código:

<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&amp;lang=es"></script>

**raulin** · 21/03/2010 08:20

Gracias, solo te faltarian una caps, Spika si las coloco

**NkC** · 22/03/2010 10:58

Agregadas 3 caps de adsense, si son necesarias mas las agregare

.

**Maurii20** · 27/03/2010 13:01

Hola , hago todo lo que vos decis y me tira este error

http://i41.tinypic.com/ru380l.jpg

**nitroermalinua** · 30/03/2010 05:22

Buenas pues yo hice lo mismo y sale casi todo bien solo que no busca cuando le das a buscar me redireciona a una web de hosting es algo raro ¿ podriais echarme una mano? gracias
Mi foro -----> pa que veais la busqueda

os pongo el archivo navba por siveis algo mas

<vb:if condition="$vboptions['enablesearches']">
<div id="globalsearch" class="globalsearch">
<form action="http://www.cannabisgaci.com/google.php" id="cse-search-box">
<input type="hidden" name="cx" value="partner-pub-04812485983xxxxx:qwy6ad-9ulp" />
<input type="hidden" name="cof" value="FORID:10" />
<input type="hidden" name="ie" value="ISO-8859-1" />
<span class="textboxcontainer"><span><input type="text" value="" name="q" class="textbox" tabindex="99"/></span></span>
<span class="buttoncontainer"><span><input type="image" class="searchbutton" src="{vb:stylevar imgdir_button}/search.png" name="sa" onclick="document.getElementById('navbar_search'). submit;" tabindex="100"/></span></span>
</form>
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=es"></script>
<ul class="navbar_advanced_search">
<li><a href="search.php{vb:raw session.sessionurl_q}" accesskey="4">{vb:rawphrase advanced_search}</a></li>
</ul>
</div>
</vb:if>
</div>

**NkC** · 30/03/2010 17:49

Iniciado por Maurii20

Hola , hago todo lo que vos decis y me tira este error

http://i41.tinypic.com/ru380l.jpg

Ese es un error de google no del reemplazo en si... google search your client has issued a malformed or illegal request - Buscar con Google

Prueba preguntando en lo foros de google.

Iniciado por nitroermalinua

Buenas pues yo hice lo mismo y sale casi todo bien solo que no busca cuando le das a buscar me redireciona a una web de hosting es algo raro ¿ podriais echarme una mano? gracias
Mi foro -----> pa que veais la busqueda

os pongo el archivo navba por siveis algo mas

Emmm no me tira a una pagina de hosting :S... pero tampoco me realiza la busqueda, a mi cuando me ocurria esto era por mala configuración algo que hice mal en el proceso, en mi caso era problema con las rutas del archivo google.php

**nitroermalinua** · 31/03/2010 10:13

Bueno pues vamos mejorando ya no me sale la pagina en blanco perono busca me da este resultado : div id="cse-search-results">

**NkC** · 31/03/2010 12:13

Bueno eso nunca me paso xD

Revisa que eso este bien colocado en tu plantilla, GOOGLE

**nitroermalinua** · 31/03/2010 13:16

Mira en la plantilla google veo k me faltaba el title pero no se os pego el cigo haber si veis algo raro

{vb:stylevar htmldoctype}
<html xmlns="http://www.w3.org/1999/xhtml" dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}" id="vbulletin_html">
<head>
<title>{vb:raw vboptions.bbtitle}</title>
{vb:raw headinclude}
</head>
<body>

{vb:raw header}

{vb:raw navbar}

<div id="pagetitle">
<h1>{vb:raw pagetitle}</h1>
</div>

<h2 class="blockhead">CannabisGaci</h2>
<div class="blockbody">
<div class="blockrow">

div id="cse-search-results"></div>
<script type="text/javascript">
var googleSearchIframeName = "cse-search-results";
var googleSearchFormName = "cse-search-box";
var googleSearchFrameWidth = 800;
var googleSearchDomain = "www.google.es";
var googleSearchPath = "/cse";
</script>
<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>

{vb:raw footer}
</body>
</html>

---------- Actualizado a las 20:16 ---------- Original a las 20:13 ----------

ufff sorry ya lo vi jejejej k mal he kedao menos mal k mi foro es de lo k es

))

**NkC** · 31/03/2010 15:52

Sip como te dije te comiste un <, prueba con este codigo:

Código HTML:

{vb:stylevar htmldoctype}
<html xmlns="http://www.w3.org/1999/xhtml" dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}" id="vbulletin_html">
  <head>
    <title>{vb:raw vboptions.bbtitle}</title>
    {vb:raw headinclude}
  </head>
  <body>
    
    {vb:raw header}
    
    {vb:raw navbar}
    
    <div id="pagetitle">
      <h1>{vb:raw pagetitle}</h1>
    </div>
    
    <h2 class="blockhead">EL TITULO DE TU SITIO</h2>
    <div class="blockbody">
      <div class="blockrow">

<div id="cse-search-results"></div>
<script type="text/javascript">
var googleSearchIframeName = "cse-search-results";
var googleSearchFormName = "cse-search-box";
var googleSearchFrameWidth = 800;
var googleSearchDomain = "www.google.es";
var googleSearchPath = "/cse";
</script>
<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>
      </div>
    </div>
    
    {vb:raw footer}
  </body>
</html>

reemplazalo completo por ese que te deje, ese esta correcto.

**g3oniTz** · 02/04/2010 13:24

muchas gracias, tengo una duda esto salva ancho de banda en el servidor?

**NkC** · 02/04/2010 15:44

No lo habia pensado asi, pero si porque la busqueda te la hace google no tu foro

**ferran** · 05/04/2010 05:03

hola buenos días

necesito que me ayuden sobre la ruta a poner

// ######################### REQUIRE BACK-END ############################
// Si tu sitio se encuentra fuera del root, osea lo tienes en otro directorio, deberes especificarlo en el // chdir sino simplemente dejalo con los slash.

// chdir ('ruta/a/vuestro/foro');

seria poner la ruta
// chdir ('/var/www/vhosts/universosymbian.org/httpdocs/
');

**NkC** · 05/04/2010 14:23

Nop lo que queria decir es que si tu archivo google.php se encuentra en una ruta distinta a tu foro, de nivel inferior puede ser.

Por ejemplo si tienes el archivo google.php en: Welcome to misitio.com! Search Results Powered by OXiDE search ....radical results (TM) y tu foro esta en http://misitio.com/foro deberas dejarlo de esta forma:

chdir ('/foro');

Igual es mejor que subas el archivo google.php al root de tu foro a si evitas posibles errores

.

**ferran** · 05/04/2010 15:07

Iniciado por nikagando

Nop lo que queria decir es que si tu archivo google.php se encuentra en una ruta distinta a tu foro, de nivel inferior puede ser.

Por ejemplo si tienes el archivo google.php en: Welcome to misitio.com! Search Results Powered by OXiDE search ....radical results (TM) y tu foro esta en http://misitio.com/foro deberas dejarlo de esta forma:

chdir ('/foro');

Igual es mejor que subas el archivo google.php al root de tu foro a si evitas posibles errores

.

mi foro se encuentra en la raiz, no tengo carpeta llamada foro.

el buscador me funciona bien, pero tengo errores en los logs.

]espero su ayuda, gracias.

Reemplazar Busqueda Vb por Google Adsense custom search

LinkBack

Herramientas

Califica este tema

Visualizar

Temas similares

Agregar Adsense Search Box en el header Respuestas: 5

Buscador Search con Google Respuestas: 15

AdSense para búsqueda Respuestas: 0

Integrar AdSense for Search en foros con vBulletin Respuestas: 0

Agregar Google Search en Quick Search Respuestas: 1

Reemplazar Busqueda Vb por Google Adsense custom search

Re: Reemplazar Busqueda Vb por Google Adsense custom search

Re: Reemplazar Busqueda Vb por Google Adsense custom search

Re: Reemplazar Busqueda Vb por Google Adsense custom search

Re: Reemplazar Busqueda Vb por Google Adsense custom search

Re: Reemplazar Busqueda Vb por Google Adsense custom search

Re: Reemplazar Busqueda Vb por Google Adsense custom search

Re: Reemplazar Busqueda Vb por Google Adsense custom search

Re: Reemplazar Busqueda Vb por Google Adsense custom search

Re: Reemplazar Busqueda Vb por Google Adsense custom search

Re: Reemplazar Busqueda Vb por Google Adsense custom search

Re: Reemplazar Busqueda Vb por Google Adsense custom search

Re: Reemplazar Busqueda Vb por Google Adsense custom search

Re: Reemplazar Busqueda Vb por Google Adsense custom search

Re: Reemplazar Busqueda Vb por Google Adsense custom search

Sobre vBHispano

Links

Patrocinadores