Hier, on a vu comment basiquement afficher les commentaires Sidewiki d'une page sur cette même page. Aujourd'hui, il s'agit de reprendre sur une page les commentaires Sidewiki d'une seule personne, avec un peu plus de main sur la mise en forme.

Je précise tout de suite: en terme de SEO je crois que ça vaut pas un pet de grenouille. C'est juste pour le fun. Le contenu de cette page est en Javascript et les liens sont tous hachés par google.

D'abord : générer une clef Ajax Api Feed

Si vous n'en avez pas bien sûr.  Sinon essayez de remettre la main dessus (Haha! "Mais qu'est-ce que j'ai bien pu faire de ce truc ?") et passez cette étape.

C'est là : http://code.google.com/apis/ajaxfeeds/key.html

Cette clef ouvre la porte des Apis Ajax de google.

Ensuite, collez et éditez un peu de code:

Allez chercher le flux RSS de vos commentaires Sidewiki sur votre profile Google.

Si vous n'avez aucune idée d'où se trouve votre profile Google, passez par là : http://www.google.com/profiles

Vous trouverez vos commentaires Sidewiki en cliquant sur l'onglet pertinemment nommé "Sidewiki", le flux rss se trouve en bas, copiez l'adresse du lien.

Sur votre page, à l'endroit où vous souhaitez voir apparaître vos commentaires, collez le code ci-dessous.

<script type="text/javascript" src="http://www.google.com/jsapi?key=ICI_VOTRE_CLEF"></script>
    <script type="text/javascript">

    google.load("feeds", "1");

    function initialize() {
      var feed = new google.feeds.Feed("ICI_LE_FLUX_RSS_DE-VOS_COMMENTAIRES_SIDEWIKI");
      feed.setNumEntries(ICI_LE_NOMBRE_DE_COMMENTAIRES_A_AFFICHER);
      feed.load(function(result) {
        if (!result.error) {
          var container = document.getElementById("feed");
          for (var i = 0; i < result.feed.entries.length; i++) {
            var entry = result.feed.entries[i];
            var div = document.createElement("div");
            var h3 = document.createElement("h3");
            var a = document.createElement("a");
            var divIn = document.createElement("div");

            h3.appendChild(document.createTextNode(entry.title));
            a.href = entry.link;
            a.target = "_blank" ;
            a.appendChild(h3);

            div.appendChild(a);
            divIn.innerHTML = entry.content;
            div.appendChild(divIn);
            container.appendChild(div);
          }
        }
      });
    }
    google.setOnLoadCallback(initialize);

    </script>
 <div id="feed"></div>

Donc les paramètres à éditer sont ceux écrit en majuscule dans le code:

  • votre clef google ajax api
  • l'adresse de votre flux rss sidewiki
  • le nombre de commentaires que vous voulez voir

Enfin, personnalisez à votre goût

Vous pouvez éditer le javascript pour changer les balises utilisées (h3...), et définir les styles de votre <div id="feed">

N'hésitez pas à mettre en commentaire de ce billet des liens vers la page où vous avez intégré votre flux :)

Evidemment il ne faut pas grand chose pour adapter de bout de code à ce qui a été vu dans l'article sur l'intgration des commentaires Sidewiki d'une page et mettre une meilleure mise en forme.