Accedi per seguire   
Seguaci 0
vipertre

[html]inserire Goole Come Motore Di Ricerca Nel Proprio Sito

Iniziato da vipertre,

8 messaggi in questa discussione

Inviato

Ragazzi,volevo inserire il motore di ricerca di Google nel mio sito...Come si fa?

Condividi questo messaggio

Link di questo messaggio
Condividi su altri siti

Inviato

prova ad inserire questo codice

<script language="javascript">

function BlogSearch(link, q)

{

link.href="http://www.google.com/search?q=";

link.href+=q;

link.href+="";

}

</script>

<INPUT TYPE=text size=25 name=q value=""><br>

<a target='_blank' href="" onClick="BlogSearch(this, q.value)">Cerca nel blog</a>

lo copi dopo <body>

al posto di "cerca nel blog" scrivi quello che ti pare

oppure se vuoi far comparire il bottone "cerca con google" devi copiare dopo <body> il codice seguente

<form action="http://www.google.it/search">

<input type="text" name="q" />

<input type="submit" value="Cerca con Google" />

</form>

prova se è quello che cerchi

:)

Condividi questo messaggio

Link di questo messaggio
Condividi su altri siti

Inviato

Ecco più precisamente il codice fornito da Google stesso (il risultato ovviamente è identico a quello fornito da Jhonni :up1: ):

<!-- Search Google -->
<center>
<FORM method=GET action="http://www.google.com/search">
<TABLE bgcolor="#FFFFFF"><tr><td>
<A HREF="http://www.google.com">
<IMG SRC="http://www.google.com/logos/Logo_40wht.gif" border="0" 
ALT="Google" align="absmiddle"></A>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT TYPE=hidden name=hl value=it>
<INPUT type=submit name=btnG VALUE="Cerca con Google">
</td></tr></TABLE>
</FORM>
</center>
<!-- Search Google -->

...però questo ti porta alla pagina di Google facendo così uscire l'utente dal tuo sito. :)

Funziona, ma non è una valida soluzione...

Condividi questo messaggio

Link di questo messaggio
Condividi su altri siti

Inviato

Cosa importante...volevi che mostrasse risultati derivanti da tutto il web o inerenti solo al tuo sito??!

Nel primo caso dai un'occhiatina quà:

http://code.google.com/apis/ajaxsearch/web.html

Nel secondo caso guarda quà:

http://www.google.com/coop/cse/

...quest'ultimo è personalizzato e puoi decidere di mostrare solo i risultati avuti da determinati siti (se non solo dal tuo) ;-)

Per vedere se ti "gusta" puoi provare "al volo" questo servizio da quà:

http://www.google.com/coop/cse/onthefly

Condividi questo messaggio

Link di questo messaggio
Condividi su altri siti

Inviato

Ragazzi intendevo (giustamente voi non potevate sapere perchè non mi sono spiegato bene) il codice con l'opzione che un ipotetico visitatore possa decidere di fare una ricerca o in tutto il web o solo nel mio sito.

Condividi questo messaggio

Link di questo messaggio
Condividi su altri siti

Inviato

<html><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><title> - Cerca con Google</title><style><!--

.ts td,.tc{padding:0}.ts,.tb{border-collapse:collapse}div,td{color:#000}

.f{color:#666}

.flc,.fl:link{color:#666}

a:link,.w,a.w:link,.w a:link,.q:visited,.q:link,.q:active,.q{color:#00c}

a:visited,.fl:visited{color:#00c}

a:active,.fl:active{color:#00c}

.t{background:#fff;color:#000}

.bb{border-bottom:1px solid #ccc}

.bt{border-top:1px solid #ccc}

.j{width:34em}

.h{color:#36c}

.i,.i:link{color:#000}

.a,.a:link{color:green}

.z{display:none}

div.n{margin-top:1ex}

.n a{font-size:10pt;color:#000}

.n .i{font-size:10pt;font-weight:bold}

.b a{font-size:12pt;color:#00c;font-weight:bold}

#np,#nn,.nr,#logo span,.ch{cursor:pointer;cursor:hand}

.ta{padding:3px 3px 3px 5px}#tpa2,#tpa3{padding-top:9px}.sl,.r{font-weight:normal;margin:0;display:inline}

.sl{font-size:84%}

.r{font-size:1em}

.e{margin:.75em 0}

.sm{display:block;margin:0;margin-left:40px}

#navbar div,#logo span{background:url(/images/nav_logo3.png) no-repeat;overflow:hidden;height:26px}

#navbar .nr{background-position:-60px 0;width:16px}

#navbar #np{width:44px}

#navbar #nf{background-position:-26px 0;width:18px}

#navbar #nc{background-position:-44px 0;width:16px}

#navbar #nn{background-position:-76px 0;width:66px;margin-right:34px}

#navbar #nl{background-position:-76px 0;width:46px}

#logo{display:block;width:150px;height:52px;position:relative;overflow:hidden;margin:15px 0 12px}

#logo span{background-position:0 -26px;position:absolute;top:0;left:0;width:100%;height:100%}

body,td,div,.p,a{font-family:arial,sans-serif}

.g{margin:1em 0}

#sd{font-size:113%;font-weight:bold}

#ap{font-size:64%}

--></style>

<script><!--

(function() {window.clk=function(b,c,d,e,f,g){if(document.images){var a=encodeURIComponent||escape;(new Image).src="/url?sa=T"+(c?"&oi="+a©:"")+(d?"&cad="+a(d):"")+"&ct="+a(e)+"&cd="+a(f)+(b?"&url="+a(b.replace(/#.*/,"")).replace(/\+/g,"%2B"):"")+"&ei=0iPHRofDGI_enQPf79mlAQ"+g}return true};})();//-->

</script><script defer>

<!--

function ss(id){window.status='';return true;}

function ga(o,e) {if (document.getElementById) {var a = o.id.substring(1); var p = "", r = "", t, f, h;var g = e.target;if (g) { t = g.id;f = g.parentNode;if (f) {p = f.id;h = f.parentNode;if (h)r = h.id;}} else {h = e.srcElement;f = h.parentNode;if (f)p = f.id;t = h.id;}if (t==a || p==a || r==a)return true;top.location.href=document.getElementById(a).href}}

//-->

</script>

</head><body bgcolor="#ffffff" text="#000000" link="#0000cc" vlink="#0000cc" alink="#0000cc" topmargin=2 marginheight=2>

<div align="left"><table border=0><tr><td width=1 nowrap><img alt="" src="http://www.google.com/coop/images/google_c...m_search_sm.gif" height=55 border=0></td><td><table class=tb style=clear:left width=100%><tr><form name=gs method=GET action=/custom><td class=tc valign=top></td><td style="padding:0 0 7px;padding-left:8px" valign=top width=100%><table class=tb><tr><td class=tc colspan=2 height=14 valign=bottom><tr><td class=tc nowrap><input type=hidden name=hl value="it"><input type=hidden name=client value="google-coop"><input type=hidden name=cof value="AH:left;CX:Corsano%20e%20Dintorni;L:http://www.google.com/coop/images/google_custom_search_sm.gif;LH:55;LP:1;GFNT:#666666;DIV:#cccccc;"><input type=text name=q size=41 maxlength=2048 value="" title="Cerca"> <input type=submit name="btnG" value="Cerca"></td><td class=tc nowrap width=100%><span id=ap></span></td></tr><tr><td class=tc colspan=2><font size=-1> <input id=custom type=radio name=cref value="http://www.google.com/cse/tools/makecse?ur...rsanoweb.135.it" checked><label for=custom> Corsano e Dintorni </label><input id=www type=radio name=cref value="!http://www.google.com/cse/tools/makecse?url=www.corsanoweb.135.it"><label for=www> Cerca nel Web </label> </font></td></tr></table></td></tr></form></table></td></tr></table></div><center><p><hr class=z><table border=0 cellpadding=2 cellspacing=0 width=100% class="t n bt"><tr><td align=center><font size=-1><a href="/">Pagina principale di Google</a> - <a href="/intl/it/ads/">Pubblicità</a> - <a href="/intl/it/services/">Soluzioni Aziendali</a> - <a href="/intl/it/about.html">Tutto su Google</a></font></td></tr></table><br><font size=-1 class=p>©2007 Google</font></center></body></html>

Ragazzi sono riuscito a ricavare il codice.Ma le dimensioni sono troppo grandi.Io lo vorrei molto più piccolo,tipo le dimesnioni che dava il codice inserito da Spiug.Se qualcuno potrebbe rimpicciolire oppure sarebbe tanto acro da dirmi su quali parametri devo intervenire ,ne sarei grato.Ciao Ciao

Condividi questo messaggio

Link di questo messaggio
Condividi su altri siti

Inviato

Intendi le dimensioni della "finestrella" dove inserire le parole da ricercare?

In quel caso basta semplicemente modificare il valore del parametro size del tag input che disegna quella finestrella:

Se controlli il tuo codice, ad un certo punto troverai questo tag:

<input type=text name=q size=41 maxlength=2048 value="" title="Cerca">

Sostituisci size=41 con size=31 per ottenere la larghezza suggerita da Spiug.

:)

Condividi questo messaggio

Link di questo messaggio
Condividi su altri siti

Inviato

Grazie Prozac,ma ho trovato una soluzione diversa.Grazie comunque :)

Condividi questo messaggio

Link di questo messaggio
Condividi su altri siti

Crea un account o accedi per lasciare un commento

Devi essere un utente registrato per partecipare

Crea un account

Iscriviti per un nuovo account nella nostra community. È facile!


Registra un nuovo account

Accedi

Sei già registrato? Accedi qui.


Accedi Ora
Accedi per seguire   
Seguaci 0
Vai alla lista Discussioni XHTML e HTML