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

Comments

Post a Comment

Popular posts from this blog

Sharepoint 2010 - Migrate List-based Workflows between Sites and Site Collections

-
Thank you Gavinmckay, you saved me! From his blog:  http://gavinmckay.wordpress.com/2011/08/29/howto-move-or-migrate-sharepoint-2010-list-based-workflows-between-sites-and-site-collections/ I’ve experienced this issue a lot when trying to migrate workflows between test SharePoint 2010 farms and production farms, in particular with workflows attached to lists. When moving a workflow to another site collection or server farm, the association to the list is broken and the workflow cannot be attached to the list. You also cannot use SharePoint designer to fix this via the standard methods as the unattached workflow cannot be reattached to the list. List-based workflows are tied to three different lists – the “main” source list where the data is held (such as a Forms library or custom list), a task list, and a workflow history list. The latter in particular is tricky, because it is a hidden list and cannot be viewed via the normal interface. The fix for this is to modify the sou...
Read more

Sharepoint 2010 - Enable/Disable Ribbon Button with EcmaScript

-
I show you a detailed example of how to enable and disable a ribbon button according to the current user’s group. The example uses “EnabledScript” attribute of the CommandUIHandler of the ribbon button. Then the EnabledScript is built with EcmaScript to find groups and user info. Lets Start with creating a Ribbon button first. 1. Create a empty project. 2. Deploy it as a Farm solution. 3. Right click on the feature and click “Add feature”. 4. Right click on the project and add a new “Empty Element” item. 5. Next add the below code to add a custom Ribbon button to your document library. <Elements xmlns=”http://schemas.microsoft.com/sharepoint/” > <CustomAction Id=”ButtonForGroupUsersOnly” Location=”CommandUI.Ribbon” RegistrationId=”101″ RegistrationType=”List” Title=”Owners Group Button”> <CommandUIExtension> <CommandUIDefinitions> <CommandUIDefinition Location=”Ribbon.Library.ViewFormat.Controls._children”> <Button Id=”Ribbon.L...
Read more

Sharepoint 2010 - Customizing Quick Launch with pages

-
Image
How to show different quick launch menu items in different pages? The quick launch in Sharepoint is an object common to all pages of the site. To show menu items according to the page you visited, I followed client side method with javascript (jquery). Here's how, using Sharepoint Designer 2010. On css stylesheet of the site, I added this instruction, which hides all the items in the Quick Launch: . s4-ql ul.root> li { display: none; } Then, make note of the position of the menu items in the quick lanuch: eg. 0 - Document Libraries 1 - Lists 2 - MyLink      0 - MySubLink1      1 - MySubLink2 3 - MyOtherLink 4 - MyLastLink The pages follows the following rules: Page1 shows 0,1,4 Page2 shows 0,2,3 Page3 shows 0,2 (and sub ​​links 1), 3.4 And now, I change the master.page, adding references to jquery and inserting the following code: //get all items in the quick launch var li_nav = $(".vertical-menu>ul>li"); //get...
Read more