Wednesday, June 1, 2011

Instant Search sul tuo Sito

Seguendo il concetto e il successo di Google Instant, altri siti hanno implementato la loro ricerca immediata comeYouTubeInstant , Bing Instant e Facebook Instant.
Grazie a Google AJAX Search API combinate con un Motore di ricerca personalizzato, creare una Ricerca Instant per il tuo sito.
In questo articolo vediamo come!
Nota 1: questa è la traduzione del post How to Create an Instant Search for your Web Site
Nota 2: il progetto demo del post originale l'ho modificato per farlo funzionare con IE8!
Per vedere una demo di Instant Searcg in azione, andate al mio progetto demo e inserite chiavi di ricerca.
demo
1. Vai alla ricerca personalizzata di Google e accedi al tuo account Google. Crea un nuovo motore di ricerca personalizzato e aggiungi il sito (o i siti ) che si desidera includere nei risultati del motore di ricerca istantanea che si sta per creare.
Creare un motore di ricerca immediata per il tuo sito web
Non c'è bisogno di personalizzare il motore di ricerca o modificare gli elementi CSS.
Dovrete soltanto l'ID CSE del motore di ricerca creato.
2. Dal pannello di controllo del motore di ricerca Google Custom - ottenete l'ID univoco, come illustrato di seguito:
Ottenere l'ID di un motore di ricerca Google personalizzato
3. Vai alla pagina di Google Search API Ajax e registrati per ottenere la Google AJAX API key.
Ricordati di inserire l'URL stesso che hai inserito nelle impostazioni di ricerca personalizzato. (ndr: in verità, dovresti mettere l'URL del sito in cui monti il motore, i siti inseriti in precedenza sono quelli su cui va a cercare..)
Prendi il Cerca con Google AJAX API Key
Nota: Google AJAX Search API key.
4. Scarica il codice sorgente Instant .
5. Aprire instant.js in un editor HTML o notepad. Nota le due variabili nella prima e seconda riga,:
AJAX_API_key var = ";
CSE_ID var = ";
Inserire i valori corrispondenti ottenuti dal passo 2 e 3.
Immettere i valori di CSE AJAX API ID e la chiave di Google
5b: Personalizzare a piacere la parte di costruzione dei risultati
6. Salvare il file instant.js e caricare tutti i file in una directory del tuo sito web. Fatto!
Scarica il mio progetto completo