NEWS sur votre blog ou site

Afficher des news personnalisées de Google sur son blog ou son site.

Dans la page de Google News, on peut créer des Actualités personnalisées que l'on pourra éventuellement afficher sur son blog ou son site. Ce mini-tuto s'applique plutôt à Blogger. Dans cet exemple, j'ai créé des news pour mon île de St Martin aux Antilles.

• cliquer en haut à droite sur la roue dentée et créer son info perso à partir de mots-clés.
• Une fois vos news créées et affichés en bas de la page de Google News, 
• cliquez sur le titre de la rubrique pour n'afficher qu'elle.

• Là, allez dans la barre de navigation et cliquez sur l'icône RSS 
• Le RSS et donc vos news s'affichent dans le lecteur de votre navigateur. 
• Attention! ne vous précipitez pas pour récupérer l'URL dans la barre d'adresse! Celle-ci n'est pas une vraie URL de RSS, elle ne convient donc pas.
• En haut & à droite, vous trouverez un petit lien bleu bien sage et discret: flux. C'est sur lui qu'il faut cliquer. Cela va vous afficher le code-source du RSS, mais...
• ...ce n'est pas ça qui nous intéresse. Simplement, copiez cette fois l'URL de la barre d'adresse et collez-la dans un bloc-note pour ne pas la perdre. Exemple:

https://news.google.fr/news/feeds?pz=1&cf=all&ned=fr&hl=fr&q=Saint-Martin+Antilles&output=rss

• Alors, on utilise cette URL ? Ah non, pas tout-de-suite! Il faut d'abord la corriger très légèrement car sinon, encore une fois ça ne marchera pas. Il suffit tout simplement de retirer le "s" de "https://" ce qui nous donne ça:

http://news.google.fr/news/feeds?pz=1&cf=all&ned=fr&hl=fr&q=Saint-Martin+Antilles&output=rss

Pour Blogger et/ou un Site Web: vous avez cette possibilité (ou plus, car vous pourrez peut-être en trouver d'autres..). C'est la plus souple au niveau présentation. En explorant Feedroll, vous trouverez comment utiliser le CSS.

• Allez sur le site Feedroll
• Et remplissez le formulaire (voir capture ci-dessous). Seule la partie intéressante est affichée. Vous pouvez faire une "preview" à chaque modification pour voir ce que ça apporte (conseillé). Dès que vous avez entré l'URL, vérifiez que tout va bien.
• Notez que si vous cochez "Yes" pour "Use HTML...", les images seront affichées (s'il y en a). C'est plus "tendance" et ça fait plus "Pro" mais c'est moins léger.

• Cliquez sur Generate JavaScript pour récupérer le code et le copier. Collez-le dans votre bloc-note pour ne pas le perdre.
• Dans Blogger >Mise en page. Ajouter un gadget > Gadget HTML-Javascript

HTML/JavaScript Ajouter une fonctionnalité tierce ou un autre code à votre blog. Par Blogger

• En édition HTML: collez le code précédemment copié. Enregistrez.
• Disposez le gadget (ou widget) à l'emplacement qui vous convient puis "enregistrer la disposition".

Démonstration

Pour Blogger seulement

• Allez dans Mise en page>Ajouter un gadget et choisissez "Flux"

Flux Ajoutez le contenu d'un flux RSS ou Atom à votre blog. Par Blogger

• Là, c'est très facile. Ajoutez l'URL du RSS, puis "continuer". À partir de là, vous aurez encore quelques choix à faire mais c'est intuitif. Pas de problèmes.

3e solution pour Blogger seulement

C'est tout simple. Il suffit d'ajouter le gadget 

Newsreel (actualités) Affichez les derniers articles de Google Actualités sur votre blog. Par Blogger

... et d'entrer seulement des mots-clés.

Nettement plus simple et direct. Pourquoi n'avoir pas commencé par là? Je n'aime pas trop ce gadget qui donne parfois des résultats peu pertinents (pour St Martin du moins).

Toujours su Blogroll, vous pouvez essayer RSS Combiner qui permet de combiner plusieurs RSS (par exemple de plusieurs journaux) pour faire un seul flux. Ensuite, il suffit de refaire le même travail que décrit en début d'article.
Exemple d'adresse obtenue avec SXMinfo et Google News St Martin:

http://feedroll.com/feedcombiner/feed.php?id=08b008bc8b397edb290c685c4463cdee

Voir en "preview"