jeudi 13 septembre 2012

Intégrer une timeline Twitter dans un blog ou un site

Intégrer un flux Twitter
Twitter vient de fournir une nouvelle fonctionnalité pour intégrer une timeline (ou flux de messages) dans un blog ou un site, avec des options de personnalisation sympathiques. Un gadget bien plus complet et interactif que ce qu'on a l'habitude de voir installé habituellement sur de nombreux blogs.

Voici comment faire:
  • créez par ici un nouveau widget ou gadget
  • choisissez le nom du compte Twitter, la hauteur en pixels du widget
  • le thème, clair ou foncé
  • développez ou non les photos attachées aux tweets
  • changez la couleur des liens (URL à cliquer)
  • ajoutez vos noms de domaine - important !
  • laissez ou non les suggestions automatiques de Twitter
widget Twitter timeline blogger

On peut aussi ajouter ses favoris, ses listes ou encore un module de recherche sur Twitter.
Cliquez sur "Create widget" et vous aurez alors le code HTML à intégrer par copier/coller dans votre blog ou sur votre site.
Vos visiteurs twittos pourront alors directement lire vos tweets, vous en envoyer un, s'abonner à votre compte, retweeter, suivre un autre utilisateur, lancer des recherches etc... sans avoir besoin d'aller sur le site officiel (voir la jolie image avec les jolies flèches rouges).

Par exemple, je l'ai ajouté dans ma sidebar de droite via un gadget HTML. Cela a pris un peu de temps avant de fonctionner mais c'est maintenant opérationnel !
edit: widget enlevé

 Profitez-en pour me suivre sur Twitter !

11 commentaires:

  1. Quel intérêt ? (à part faire un billet avec des flèches rouges).

    RépondreSupprimer
    Réponses
    1. Tes visiteurs peuvent lire ta timeline (et la remonter bien plus loin que la plupart des gadgets qui n'affichent que les 5 derniers tweets par exemple), cliquer sur le bouton pour te suivre (si tu n'en as pas déjà installé un), t'envoyer un tweet - par exemple pour réagir à un article, retweeter ou mettre en favori des tweets directement depuis cette fenêtre...

      Supprimer
    2. Ca ne répond pas à ma question. Je sais à quoi ça sert, je ne vois pas l'intérêt de le mettre. Je préfère que mes commentaires commentent le blog plutôt que de me tweeter.

      Par ailleurs, mes tweets n'ont généralement aucun rapport avec l'objet du blog et je ne tiens pas spécialement à ce que ceux qui sont habitués à mon blog lisent les conneries que je peux écrire le soir avec 3 grammes.

      Supprimer
    3. Moi j'y vois de l'intérêt mais je comprends que ce ne soit pas ton cas.

      Tu peux aussi l'utiliser avec le compte @JegounBlogs si tu veux - ou ne rien changer, hein, c'est juste une info ;)

      Supprimer
    4. Ah mais je ne critique pas ton billet ou ton widget, je m'interroge, vu qu'on voit ce genre de gadget sur beaucoup de blogs. Si Twitter se met à diffuser le sien, on va en voir partout et ça va devenir une norme...

      Supprimer
  2. Au moins ça passe sans problème sur ton site.

    Ce Widget est incompatible avec l'HTML5 : sur Hoopnod (HTML5 CSS3), le Widget ne s'affiche pas et bloque le chargement de la page... Un vrai cauchemar.

    Twitter a encore du boulot !

    RépondreSupprimer
    Réponses
    1. En fait il a fallu plusieurs heures/jours pour que le widget s'affiche correctement sur le site (mais je n'ai pas eu de problème de blocage de chargement par contre).
      C'est vrai qu'ils ont du boulot côté codage :)

      Supprimer
  3. Bonjour,

    J'ai voulu installé ce widget sur mon blog, mais il ne fonctionne pas. Sais-tu d'où cela peut venir ? Du fait que le site est en HTML5 ?

    Merci

    RépondreSupprimer
    Réponses
    1. Oui c'est ce que Fred de Hoopnod.com a constaté :/

      Supprimer
  4. Bonsoir

    Dans la definition de la Timeline il faut mettre un Domaine : blogspot.com par exemple. Avec la redirection par pays des Blogs de Blogger (blogspot.fr .be .ch etc...), la timeline ne va pas s'afficher pour les internautes de ces pays. On a juste Tweets by @xapur

    Je vois 2 solutions, placer sur le blog un script qui empeche la redirection par pays, ou placer la timeline dans une page html hebergee sur un Domaine tiers

    Cdt

    RépondreSupprimer
    Réponses
    1. Merci de l'astuce (et bravo pour votre site bien utile^^).
      Je vais aussi essayer de rajouter quelques domaines, en regardant d'où viennent l'essentiel de mes visiteurs.

      Supprimer

Vu le spam intense en ce moment, votre commentaire sur les article de plus de deux jours devra être approuvé pour s'afficher.
Merci de votre compréhension !