Quand nous proposons un site, c’est important d’avoir régulièrement des nouvelles fraiches :
- L’internaute voit ainsi que le site n’est pas « mort », ce qui l’encourage à rester un peu plus longtemps
- Google apprécie également les sites qui bougent un minimum
Pour ce faire, le plus simple était de proposer un fil d’actualité sur la page d’accueil, en intégrant les derniers articles du blog dedans. Les deux solutions prennent moins de 5 minutes à mettre en oeuvre.
Feedwind
Pour aller vite, j’ai utilisé un widget : Feedwind, de Mikle. L’opération prend deux minutes : il suffit de remplir le formulaire et de copier-coller le code sur son site.
Ces derniers temps, le flux était cassé. Je n’ai aucune idée pourquoi mais ce n’était pas beau… La contrepartie de la simplicité de Feedwind et qu’il faut afficher un petit message signalant la provenance du flux. Cela prend de la place sur la page. L’autre souci est que les temps de chargement de la page était assez mauvais.
Un jour où le widget était cassé, j’en ai profité pour migrer sous Google Feeds. Vous allez voir que ce n’est vraiment pas plus compliqué.
Google Ajax Feed API
Ici, je souhaitais avoir deux liens customisés :
Il suffit de créer un div nommé « feed-actus » vide pour l’instant, placé là où le souhaite voir s’afficher les actualités.
<div id="feed-actus"></div>
Et de mettre le code suivant, en précisant l’url de votre flux RSS.
[pastacode lang= »javascript » message= »Code d’appel » highlight= » » provider= »manual »]
[/pastacode]
Facile, non ?
Bonjour,
Serait il possible d’obtenir un commentaire sur le fonctionnement du code ?
Bonjour Esteban,
Effectivement il y avait un souci d’affichage du code ! J’ai installé le plugin Pastacode pour que ce soit un peu plus lisible, ainsi que des commentaires;
J’espère que c’est mieux.
Merci pour le feedback !
Merci pour ce tuto, mais malheureusement je n’est pas réussi à le faire fonctionner. rien ne s’affiche.
merci encore
Bonjour Nicolas,
Est ce que vous avez bien mis le div
quelque part ?
Votre flux RSS contient-il bien des données ? Vous pouvez peut être commencer par tester avec l’url ce blog dans l’exemple.
Florence.
il y a un probleme de quote sur le target en fait au niveau de la ligne suivante:
rssoutput+= » » + entry.title + « ( » + new Date(entry.publishedDate).toLocaleDateString() + « )
« ;
il faut mettre
rssoutput+= » » + entry.title + « ( » + new Date(entry.publishedDate).toLocaleDateString() + « )
« ;
Merci cela marche nikel sinon.
(et le italique qui est mal fermé pour la cosmétique )
Bonjour,
Je ne vois pas la différence entre les deux lignes. C’est moi ou c’est wordpress qui a fait sauté quelque chose ?
Florence.
Attention, API Google c’est fini en décembre !!!
Mince 🙂
Merci pour l’info !