fiche pratique che pratique inserer un widget facebook sur son site

FICHE PRATIQUE N°115
INSERER UN WIDGET FACEBOOK
SUR SON SITE INTERNET
INTERNET
Qu’est ce qu’un widget ?
Le terme « Widget » résulte de la contraction de « Windows » (le système d’exploitation développé
par Microsoft) et de « gadget ». Un widget c’est par exemple une horloge, une image animée, un
calendrier ou un module d’avis. Généralement composé de très peu de code HTML, il fonctionne
comme un petit programme indépendamment de la page Web.
Facebook est un réseau social permettant à toute personne ayant un compte, de partager des
informations avec d'autres utilisateurs (amis ou fans). Facebook peut être une fabuleuse source de
trafic pour votre site ainsi qu'un outil de communication gratuit et efficace. Vous pouvez ajouter les
widgets de Facebook sur votre site, pour proposer aux internautes de vous rejoindre ou de partager
votre contenu.
Cette fiche vous sera utile uniquement si votre établissement dispose d’une page Facebook.
Etape 1 :
Rendez-vous sur https://www.facebook.com/
Connectez-vous à votre compte Facebook.
Si vous n’avez pas de compte Facebook, vous pouvez
en créer un en suivant la fiche pratique n°4 « Créer un
compte Facebook ».
Retrouvez d’autres fiches pratiques sur le site : pro.sarlat-tourisme.com
Etape 2 :
Pour créer un widget Facebook, rendez vous sur ce lien : https://developers.facebook.com/docs/plugins/like-box-forpages
Dans le menu vertical : Ce lien vous envoie automatiquement dans la rubrique Live box.
Retrouvez d’autres fiches pratiques sur le site : pro.sarlat-tourisme.com
Etape 3 :
Dans un premier temps :
Copiez l’adresse URL de votre page Facebook. (Sélectionner l’ensemble + « Ctrl+C » avec
le clavier)
Ou, si vous ne disposez pas de votre propre page, ajoutez l’adresse de la page de l’Office
de Tourisme dont voici l’adresse URL https://www.facebook.com/Sarlat.Tourisme
Dans un second temps :
Collez (« Ctrl+V ») le lien dans le champ « Facebook Page URL »
Observation : Le widget avec votre page s’affiche.
Retrouvez d’autres fiches pratiques sur le site : pro.sarlat-tourisme.com
• Redimensionner votre widget :
Régler la
largeur
Régler la
hauteur
• Personnaliser votre widget :
Afficher les amis du
visiteur adhérents à
votre page
Afficher vos publications
Choix de la couleur de fond
du titre : Noir ou blanc
Ajouter une bordure
Retrouvez d’autres fiches pratiques sur le site : pro.sarlat-tourisme.com
Etape 4 :
Cliquez sur « Get Code ».
Une fenêtre apparait : choisissez “Iframe” pour afficher un code au format HTML.
<iframe
src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.co
m%2FSarlat.Tourisme&amp;width&amp;height=290&amp;colorscheme=light&amp;sh
ow_faces=true&amp;header=true&amp;stream=false&amp;show_border=true"
scrolling="no"
frameborder="0" style="border:none; overflow:hidden;
Etape 5:
height:290px;" allowTransparency="true"></iframe>
Sur votre ordinateur, ouvrir le Menu Démarrer ou Ordinateur selon votre version de Windows, allez
dans « Tous les programmes », puis « Accessoires » et choisir « Bloc note » .
Copier (Sélectionner + « Ctrl+C ») et coller (« Ctrl+V ») votre code HTML personnalisé de l’étape 4 et
l’enregistrer sur votre ordinateur.
Retrouvez d’autres fiches pratiques sur le site : pro.sarlat-tourisme.com
Retrouvez d’autres fiches pratiques sur le site : pro.sarlat-tourisme.com
Etape 6 :
Si vous êtes le créateur de votre site internet, c’est à vous de configurer ce widget en intégrant le
code car tous les sites sont configurés différemment.
Sinon, si vous n’êtes pas à l’origine de votre site internet, envoyez le code à votre webmaster qui
l'insérera pour vous.
Sachez également que d’autres widgets existent :
Le visiteur va partager votre page
avec ses amis Facebook.
Envoyer par mail à des connaissances
Pour les utiliser, il suffit de les sélectionner dans le menu de gauche
lors que vous accédez à l’étape 2.
Retrouvez d’autres fiches pratiques sur le site : pro.sarlat-tourisme.com