Informations à partir de Facebook ou de Twitter

Pour suivre ce qui se passe sur un site, il y a les RSS qui peuvent être "bidouillés" pour afficher ces infos sur votre site ou blog, mais quand il n'y a pas de RSS, on fait comment?

De nombreux grands sites n'ont pas de RSS mais ils sont souvent sur Facebook ou Twitter. 

Voici 2 widgets (Facebook et Twitter) bricolés pour Air Caraïbes que j'ai mis sur le blog de notre copropriété, NBBC-FR lors du "Buzz" provoqué par cette compagnie aérienne: l'affaire des billets vers les Antilles à 100 € A/R. Ce buzz a bien failli provoquer une émeute le lundi matin 31 mars à Orly-Sud... De nombreux co-propriétaires étaient donc eux aussi à l’affût  de cette offre délirante et comme Air Caraïbes avait décidé de réitérer son offre mais cette fois sur son site web, il était bon de tenir mes visiteurs au courant...

Les codes sont en bas de page.

Facebook (Iframe)

Minute par minute, toutes les infos d'Air Caraïbes par Air Caraïbes sur Facebook ici ci-dessous dans ce cadre... N'hésitez pas à vous servir de "l'ascenseur" (barre de défilement) pour voir les précédents messages. Si vous n'êtes pas inscrit à Facebook, il est possible que vous ne voyiez rien. Restez au courant de cette promo époustouflante! N'hésitez pas à cliquer sur "Rafraîchir" pour voir s'il y a du nouveau!

Rafraîchir

Twitter (script)



Ce script peut-être configuré ici: https://twitter.com/settings/widgets (on est obligé de passer par cette adresse si l'on veut modifier la hauteur). Le cadre s'adapte automatiquement en largeur aux dimensions du "container Parent". Pour modifier plus largement ses dimensions: https://dev.twitter.com/docs/embedded-timelines#customization

Traduction "large": Les dimensions par défaut pour un widget sont de 520 × 600px, qui peuvent être modifiées pour répondre aux exigences de dimension de votre page. Le réglage de la largeur n'est en général pas nécessaire, car par défaut, le widget s'adapte à la largeur de son élément parent. Par exemple, si vous collez votre code d'intégration dans un div qui est 300px de large, le widget proprement dit fera 300px de large. Vous pouvez imposer des dimensions plus explicites en utilisant les balises de largeur et la hauteur HTML (seul ce qui est en gras est à insérer dans votre code. Rien d'autre à modifier):

<a class="twitter-timeline" width="300" height="500" href="https://twitter.com/twitterapi" data-widget-id="YOUR-WIDGET-ID-HERE">Tweets by @twitterapi</a>

Note: ça ne fonctionne pas ici. Je pensais que Blogger avait encore sournoisement modifié quelque chose par derrière mon dos! Mais cette fois, cela ne me semble pas être le cas... J'ai crypté le code avec l'utilitaire de http://jean-louis.pierre.pagesperso-orange.fr/Crypter-le-HTML.htm et rien n'y fait, le widget garde sa dimension par défaut, soit 520 px.

Voir aussi les plugins de Facebook (widgets): http://developers.facebook.com/docs/plugins/

Code de l'iframe de Facebook:

<div style="text-align: center;">
<iframe frameborder="1" height="485" name="aircara" scrolling="yes" src="http://www.facebook.com/plugins/likebox.php?api_key=&amp;locale=fr_FR&amp;sdk=joey&amp;channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D20%23cb%3Df1f764dd14%26origin%3Dhttp%253A%252F%252Fwww.aircaraibes.com%252Ff2498f76c%26domain%3Dwww.aircaraibes.com%26relation%3Dparent.parent&amp;height=480&amp;header=false&amp;show_faces=false&amp;stream=true&amp;width=620&amp;href=https%3A%2F%2Fwww.facebook.com%2Faircaraibes&amp;colorscheme=light&amp;border_color=%23fff&amp;show_border=false" width="640"></iframe></div>

Code pour Twitter

<center><a class="twitter-timeline" data-widget-id="318780886738931712" href="https://twitter.com/air_caraibes">Tweets de @air_caraibes</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></center>