Afficher des hovercards twitter

Voilà un exemple : @jjuraver

Il suffit de rédiger le nom du compte préfixé d'un arob@se, une syntaxe courante chez Twitter.

Normalement vous devriez vois apparaître ceci en survolant @jjuraver :

Affichage hovercards sur wikipedyacs

Obtenir un clef d'API Twitter

Rendez vous dans la plateforme de développement autour de twitter, sur la page de l'application "Anywhere". Enregistrez-vous si ce n'est déjà fait puis suivez la procédure d'obtention d'une clef API.

Intégrer le code

Ouvrez le fichier template de votre site yacs : skins/mon_skin_template.php (ou n'importe quel dérivé)

Collez le javascript suivant, en remplaçant VOTRE_CLEF_API par... votre clef API. Cela se passe à peu près vers la ligne 45 :

// @Anywhere Twitter application
    echo "\t".'<script src="http://platform.twitter.com/anywhere.js?id=VOTRE_CLEF_API&amp;v=1">
  </script>
  <script type="text/javascript">
     twttr.anywhere(function(twitter) {
              twitter.hovercards();
     });
  </script>
'."\n";

Enregistrez, videz le cache de yacs et testez l'application tout de suite en rédigeant une page contenant une syntaxe de type @profil_twitter_existant.

C'est tout !