La recherche sur esidoc depuis facebook

Claire Cassaigne a écrit sur son blog Fenetresur un très bon tutoriel pour installer sur une page Facebook une application permettant de faire des recherches sur sa page esidoc. Je vais reprendre ce tutoriel pour faciliter quelques points :

  • Utilisation d’une application gratuite (elle préconise IFrame Apps qui devait être gratuite à l’époque de la rédaction du billet – février 2012 – mais est devenue payante depuis)
  • Automatisation de la personnalisation du code
  • Prise en charge des différents thèmes d’esidoc

Ce tutoriel présuppose que vous disposiez déjà d’une page Facebook pour le CDI. Si ce n’est pas le cas, le site docpourdocs met à votre disposition un tutoriel très bien fait pour la créer et la paramétrer correctement.

Installation de l’application « HTML tab »

Dans la barre de rechercher de Facebook, tapez « HTML Tab », puis cliquez sur l’application du même nom.

Une fois sur la page de l’application, cliquez sur Install Application! ».
NB : J’ai constaté que certains navigateurs n’arrivent pas à afficher la page de l’application. Dans ce cas, essayez avec un autre (chez moi ça ne fonctionne pas avec Chrome, mais très bien avec Firefox). N’ayez crainte, l’application, une fois installée, fonctionne très bien quelque soit le navigateur.

Sélectionnez la page sur laquelle vous souhaitez installer l’application puis cliquez sur « Ajouter un onglet de page »

Vous devriez vous retrouver avec un onglet « HTML Tab » dans le menu de gauche. Pour déplacer cet élément dans le menu, cliquez sur « Gérer les onglets », en bas du menu.

Pour changer le nom de l’onglet, cliquez sur « Paramètres » (en haut à droite de votre page) et sélectionnez « Applications » dans le menu de gauche. Vous voyez alors la liste des applications que vous avez installées. Dans la zone consacrée à HTML Tab, cliquez sur « Modifier les paramètres ». Saisissez le nouveau nom puis cliquez sur « Ok ».

Ajout du code permettant la recherche

Une fois dans l’onglet que vous destinez à la recherche dans esidoc, cliquez sur « Application settings ». Vous avez alors accès à plusieurs champs (« HTML (content for BODY tag) », « CSS », « Javascrip » et « Google Analytics ID »). Videz chacun de ces champs de leur contenu.

Nous allons maintenant générer le code HTML que vous aller devoir copier/coller. Pour cela, renseignez le formulaire ci-dessous puis cliquez sur « Générer »

Code RNE de votre établissement :

Cliquez à nouveau sur « Application Settings ». Le code HTML généré précédemment est à insérer dans le champ « HTML (content for BODY tag) ». Validez ensuite en cliquant sur « Save settings ».

Voilà. Tout devrait fonctionner parfaitement. Vous pouvez donc en rester là. Je vous propose néanmoins de parer votre onglet facebook des couleurs de votre portail esidoc. Sélectionnez le thème graphique utilisé sur votre portail puis cliquez sur « Générez ».

Thème graphique de votre portail esidoc :

Encore un clic sur « Application Settings » et nous allons cette fois intégrer le code ci-dessus dans le champ intitulé « CSS » et qui gère uniquement la mise en forme. Sauvegardez en cliquant sur « Save settings ».

One thought on “La recherche sur esidoc depuis facebook

  1. Merci de partager cette procédure, installée avec succès sur la page fb de mon CDI, que j’essaie de développer (poussivement mais on y croit).

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *