- Desde
- 4 Feb 2010
- Mensajes
- 706
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 http://www.vbhispano.com/foros/f39/cambiar_barra_busqueda_normal_barra_adsense-17588/#post92633, 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
Ver el archivo adjunto 3209Ver el archivo adjunto 3210
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.
Ver el archivo adjunto 3208
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)
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:
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:
Reemplaza por, asegurate de ingresar tu dirección al archivo google.php:
Debajo Busca por:
Reemplaza por:
Las X en rojo es el ID tuyo de Adsense que está en el Cuadro de Búsqueda que os generó Adsense.
Busca por:
Reemplaza por:
Busca por:
Reemplaza por:
Busca por:
</form>
Aparece dos veces. Debajo de la primera vez que aparece, agregas esto:
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
Ver el archivo adjunto 3209Ver el archivo adjunto 3210
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.
Ver el archivo adjunto 3208
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)
Insertar CODE, HTML o PHP:
{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">[COLOR=red]EL TITULO DE TU SITIO[/COLOR]</h2>
<div class="blockbody">
<div class="blockrow">
[COLOR=red]<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>[/COLOR]
</div>
</div>
{vb:raw footer}
</body>
</html>
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:
Insertar CODE, HTML o PHP:
<?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 [COLOR=red]// chdir sino simplemente dejalo con los slash.
// chdir ('ruta/a/vuestro/foro');[/COLOR]
require_once('./global.php');
// #######################################################################
// ######################## START MAIN SCRIPT ############################
// #######################################################################
$navbits = construct_navbits(array('' => 'Búsqueda Foro GS Trail'));
$navbar = render_navbar_template($navbits);
// ###### YOUR CUSTOM CODE GOES HERE #####
$pagetitle = 'Bú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());
?>
4.- Ahora solo queda reemplazarlo en nuestro navbar (copiar pegar del post de Spika):
En la plantilla navbar, busca por:
Insertar CODE, HTML o PHP:
<form action="search.php?do=process" method="post" id="navbar_search" class="navbar_search">
Insertar CODE, HTML o PHP:
<form action="[B][COLOR=Red]http://www.midominio.com/google.php[/COLOR][/B]" id="cse-search-box">
Insertar CODE, HTML o PHP:
<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" />
Insertar CODE, HTML o PHP:
<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" />
Busca por:
Insertar CODE, HTML o PHP:
<input type="text" value="" name="query" class="textbox" tabindex="99"/>
Insertar CODE, HTML o PHP:
<input type="text" value="" name="q" class="textbox" tabindex="99"/>
Insertar CODE, HTML o PHP:
<input type="image" class="searchbutton" src="{vb:stylevar imgdir_button}/search.png" name="submit" onclick="document.getElementById('navbar_search').submit;" tabindex="100"/>
Insertar CODE, HTML o PHP:
<input type="image" class="searchbutton" src="{vb:stylevar imgdir_button}/search.png" name="sa" onclick="document.getElementById('navbar_search').submit;" tabindex="100"/>
</form>
Aparece dos veces. Debajo de la primera vez que aparece, agregas esto:
Insertar CODE, HTML o PHP:
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=es"></script>