Comment intégrer le moteur de recherche Google sur votre site?

1. SNIPPET DANS MODX

Si vous utilisez ModX, vérifiez si le snippet est installé pour votre site.

Etape 1

Connectez-vous à la zone d’administration puis allez dans l’onglet Elements et choisissez Manage elements puis Snippets

gsa-1

Etape 2

Vérifiez si les snippets gsunifr et gsunifr_res existent.

gsa-2

S’ils existent, sauter à l’étape 4.
S’il n’existe pas, créer un nouveau snippet et copier ce qui suit

Etape 3: créer les snippets

SNIPPET GSUNIFR

Créer un snippet appelé gsunifr avec le contenu suivant:

gsa-3

 

SNIPPET GSUNIFR_RES

Créer un snippet appelé gsunifr_res avec le contenu suivant:

gsa-4

 

 

Etape 4: créer son moteur de recherche

Connectez-vous à http://www3.unifr.ch/apps/search

Dans la première étape, vous choisissez sur quel(s) site(s) porte la recherche.
Entrez les adresses sur lesquelles porteront les recherches. ATTENTION: seulement dans le domaine unifr.ch

search-1

  • (1) vous pouvez entrer des URLs comme www.unifr.ch/NomDeVotreSite
  • Vous pouvez entrer plusieurs URLs (2)
  • Deux styles (3) sont proposés, nous recommandons le style UNIFR pour les CMS.

Dans l’étape 2, vous choisissez les styles de résultat.
Pour le CMS nous recommandons le style overlay

search-2

  • Overlay: les résultats s’affichent dans une couche par dessus la page actuelle. Avantage: on ne quitte pas la page. Désavantage: l’apparence peut surprendre
  • Full page: le champ de recherche et les résultats sont dans une même page. Avantage: on est proche du moteur Google. Désavantage: on ne peut pas placer le champs de recherche dans une autre page.
  • Inside the page: similaire à Full page, mais permet d’avoir le champ de recherche dans une autre zone de la page.

Une fois votre choix effectué, cliquez sur le bouton Generate

search-4

Deux morceaux de code sont retournés.

search-5

  1. JavaScript si vous utilisez une application tierce.
  2. ModX pour mettre directement dans ModX les éléments

Par exemple ici j’ai reçu le code:

C’est ce code que nous allons exploiter dans ModX.

Je le dépose par exemple dans le Home bloc A sur ma page d’accueil

search-6

Ainsi le moteur de recherche apparaît avec la restriction sur mon site par défaut.

search-7