avr
5
2013

Comment tirer parti de vos photos Instagram sur Facebook et sur votre site Internet

Vendredi c'est ravioli ! Et sur votre blog préféré c'est également le jour... de l'easy friday web ! Aujourd'hui il sera consacré à Instagram ! On vous a déjà parlé ça et là d'Instagram, l'application très en vogue de prise de photos, mais surtout application de partage de photos. Que ce soit pour la jouer à la Evelyne Dhéliat en insérant la météo en sur-impression sur votre photo ou tout simplement pour découvrir le service Instagram, vous avez pu déjà lire dans nos colonnes des infos sur ce service.

Cette fois, je vous propose de capitaliser sur vos visuels ou ceux de vos touristes, afin de maximiser la portée de ces derniers et de mettre en valeur votre destination touristique à travers les photos d'Instagram...

L'idée est toute bête, vous utilisez Instagram à titre perso ou pro (oui parfois la frontière entre les deux est.... infime ;)) pourquoi ne pas afficher vos photos directement sur votre page Facebook, ou sur votre site Internet ?

Comment faire ?

Sur le principe, il va falloir utiliser un service tiers qui va faire appel à votre compte Instagram.

Plusieurs services en la matière existent, aussi je vais vous en conseiller deux, que nous allons détailler :

 Webstagram

Webstagram

D'abord, petite précision, sur Webstagram, vous n'êtes pas obligés de vous connecter avec votre compte Instagram pour utiliser les services.
Ensuite, grâce à Webstagram vous allez pouvoir récupérer un affichage de type galerie de photos pour l'embarquer dans votre site web.

Pour ce faire, rendez-vous dans la rubrique "Tools", puis "Image gallery for your blog/website".
Là, vous allez pouvoir personnaliser l'apparence de votre widget, avec parmi les options possibles :

  • choisir d'afficher les photos d'un utilisateur en indiquant le pseudo, sous la forme @xxxxx, ou les photos d'un hashtag que vous choisissez (mot dièse, lol), de type #xxxxx [attention, on ne peut pas modérer les photos, si vous déterminez un hashtag, toutes les photos qui l'utilisent seront publiées sur votre site web ou page Facebook] ;
  • choisir la dimension des vignettes ;
  • déterminer le nombre de vignettes à l'horizontale ou à la verticale ;
  • afficher ou non une bordure autour des images ;
  • déterminer une couleur de fond pour le widget ;
  • modifier l'espacement entre les photos.
Quand vous avez paramétré ces éléments, cliquez sur "Generate code" afin de récupérer le code html.
 
L'étape suivante consiste à intégrer la galerie dans votre site Internet, en insérant directement le code html dans le back office de votre site, c'est tout.
 
Webstagram
 
Pour ce qui est de Facebook, pour ajouter un onglet à votre page et insérer automatiquement votre galerie photo, il vous faut ajouter une application à votre page, laquelle vous permettra d'insérer le code html de la galerie.
 
Et là rien de plus simple, dans Facebook, dans le moteur de recherche présent en haut du site tapez "iframe" et choisissez une application, celle de votre choix. Par exemple Iframe Tabs ou Static html: Iframe Tabs.
Installez l'application choisie dans la page de votre choix, puis collez le code html du widget webstagram dedans.
Aussitôt vous verrez apparaître votre galerie photo Instagram !
 
Dernière chose, depuis votre page Facebook, si vous le souhaitez vous pouvez modifier l'apparence de votre onglet qui vous permet d'accéder à votre galerie Instagram. Pour ce faire, sur votre page vous avez 4 onglets, dont "photos", "mentions j'aime"... puis il y a une flèche au bout de la ligne. Cliquez dessus, cela va déployer d'autres onglets. C'est ici que vous allez pouvoir modifier le texte et la vignette de chaque onglet, comme bon vous semble, en cliquant sur le petit crayon en haut à droite de la vignette.
 

Statigram

Statigram

L'autre service, Statigram, donne d'avantage de possibilités en terme d'intégration.

Pour accéder à ces fonctionnalités, il vous faut tout d'abord vous connecter avec votre compte Instagram.

Puis allez dans la rubrique "Promote". Là vous accéderez à plusieurs fonctionnalités, comme :

  • l'intégration directe dans Facebook de manière très simplifiée en utilisant la fonctionnalité "Feed tab for fan page" ;
  • création automatique d'une photo de couverture pour votre page Facebook à partir de vos photos Instagram, avec la fonction "Profile cover" ;
  • création d'un widget en html afin de générer une galerie photo, un peu comme celle de Webstagram, et paramétrable ;
  • création d'un flux RSS reprenant toutes les photos publiées.

Lorsque vous choisissez de générer une galerie photo, le principe décrit pour Webstagram reste le même, c'est-à-dire que vous récupérez le code html, et vous l'intégrez dans votre site web, ou dans une application que vous installez sur votre page Facebook.

Statigram

Voici un exemple d'intégration du module Statigram sur la page de l'Office de tourisme de Notre Dame des Monts, que Florian Péroud, ANT et webmaster du site, a intégré à la page.

Enfin, si Instagram vous intéresse je ne saurai trop vous conseiller de lire l'excellent article de Trystan Trestchenkoff qui vous donnera pas mal de clés supplémentaires !

Allez, au boulot !!! :)

Article précédent Récolter vos avis clients et les afficher sur Google, votre site et les réseaux sociaux Le marché chinois, c’est le moment ! Article suivant

Articles similaires

A propos de l'auteur : Sébastien Gonzalez

Titulaire d’un DESS Tourisme et valorisation des territoires (Clermont-Ferrand) axé sur le tourisme de découverte économique, Sébastien a tout d’abord travaillé dans les Chambres de Commerce et d’Industrie de Bordeaux et de la Réunion au cours de stages. En 2004 il intègre le Comité Régional du Tourisme d’Aquitaine où il fait partie de l’Observatoire, durant 15 mois. Passionné d’Internet et de nouvelles technologies, Sébastien intègre Charente Tourisme de novembre 2005 à mars 2012 où il est responsable de la stratégie web et de l’animation des sites Internet www.lacharente.com et www.experience-cognac.fr. Il s’occupe également du web 2.0 (Facebook, Twitter, Flickr, YouTube, widgets…) et de l’extranet de Charente Tourisme. En avril 2012 il rejoint l'équipe de Touristic où il est consultant et formateur etourisme. Toujours à l’affut des dernières technologies, il l’est également en matière de veille touristique. Co-auteur de l'ouvrage : M-tourisme et géolocalisation au services des collectivités territoriales Le tourisme est une aventure, le etourisme une grande famille ! Email : sgonzalez at etourisme point infoTwitter : @sebgonza

  • Frédéric

    Bonjour merci pour ce billet très intéressant. Il semble que le lien mentionné en fin d’article arrive sur un 404:(

    • http://www.dublanchet.com/ Ludovic Dublanchet

      Bonjour Frédéric, petit problème de lien effectivement, c’est maintenant corrigé !

  • http://www.facebook.com/chloe.racaudpro Chloe Racaud Pro

    Bon même si je n’aime pas les raviolis, merci pour toutes ces infos très utiles! C’est Florian qui va être content de voir son nom et son travail mentionnés et mis en avant ;)

    • Florian

      Effectivement chloé :) , on se sent star d’un jour :)

    • http://www.facebook.com/sebgonza Sébastien Gonzalez

      Chloé, même sur une soirée Karaoké organisée par l’OT tu peux inciter les touristes à ce qu’ils prennent des photos via Instagram, afin de les afficher sur ton site web… penses-y ! :)

  • http://twitter.com/jmrochard Jean-Michel Rochard

    En Anjou, nous avons fait le choix de Statigram pour intégrer le widget en html qui permet de personnaliser le format, le nombre de photos, la couleur de fond, etc. Par ailleurs, il permet d’afficher les photos taggées avec un hashtag (#Jaimelanjou pour les photos de l’Anjou). En effet, nous n’avons pas de compte Instagram à notre nom. Nous invitons donc nos communautés à enrichir cette galerie. Voici un exemple d’intégration du widget : http://www.anjou-tourisme.com/Instagram

    • http://www.facebook.com/sebgonza Sébastien Gonzalez

      Merci Jean-Michel pour votre contribution. Effectivement, bel exemple d’incitation du public pour prendre en photo l’Anjou et utiliser ces visuels sur votre site Internet, bravo !

  • http://twitter.com/sourcesdeloire Sources Loire S Alix

    Merci pour cet article qui tombe pile poil pour renseigner mes prestataires à l’atelier de lundi. Bien étayé en plus.

    • http://www.facebook.com/sebgonza Sébastien Gonzalez

      Merci Séverine pour ton assiduité et ton compliment ! Bon courage pour ton atelier lundi alors ! ;)

  • Notredamedemonts

    Merci seb pour cet article !! fort enrichissant mais non moins maîtrisé par l’OT de Notre Dame de Monts :)- Flo, instagram for ever #notredamedemonts !

    • http://www.facebook.com/sebgonza Sébastien Gonzalez

      Toujours intéressant de citer de bons exemples ! N’hésite pas à nous faire part de tes bonnes pratiques Flo, on relaiera !

  • http://twitter.com/trystantrest trystantrest

    Merci pour la mention Seb et ce bon article ! Instagramons le monde ;-)

    • http://www.facebook.com/sebgonza Sébastien Gonzalez

      Pas de quoi Tristan ! L’InstaRévolution est en marche !!! Let’s go ! :)

  • Marina

    Merci pour cet article qui tombait vraiment à pic et m’a évité une journée de plus de recherches infructueuses!!

    • http://www.facebook.com/sebgonza Sébastien Gonzalez

      Pas de quoi Marina ! ;)

  • http://www.facebook.com/people/Pierre-de-Rhône-Alpes/100002513079127 Pierre de Rhône-Alpes

    En Rhône-Alpes nous avons développé notre propre application Instagram pour FB ouverte à tous les institutionnels du tourisme de la région et lancé le mois dernier le concept de « photo-reporters de Rhône-Alpes « .

    L’application s’installe très facilement via une iframe. Elle possède son propre back-office accessible aux admins de la page FB sur laquelle elle est installée. Ces derniers peuvent configurer les tags qu’ils souhaitent faire remonter (3 tags max) sur leur page FB et même générer un flux XML pour leur permettre d’intégrer les photos de manière transparente sur leur site.

    • http://www.facebook.com/sebgonza Sébastien Gonzalez

      Merci Pierre pour cette info ! Effectivement j’en ai entendu parler, j’attends la comm’ officielle pour en parler sur ces colonnes… ;)

  • http://www.facebook.com/sakina.rhonetourisme Sakina Rhône Tourisme

    Merci Sébastien pour cet article. Nous utilisons depuis mi-février l’appli développée par Rhône-Alpes sur notre page FB avec l’avantage de pouvoir modérer les photos de la communauté d’instagramers, mixer plusieurs tags et de les changer au fil de l’actu touristique en un clic :-)

    • http://www.facebook.com/sebgonza Sébastien Gonzalez

      Merci Sakina pour l’info ! Effectivement j’en ai entendu parler, j’attends la comm’ officielle pour en parler sur ces colonnes… ;)