Comment intégrer un widget Twitter à votre site

Tutoriel : comment intégrer un widget Twitter à votre site web

Twitter, ce réseau social qui, à son lancement en 2006, n’était qu’un service de messagerie texte, est devenu une source incontournable d’informations en temps réel, de commentaires sportifs live, et de bien d’autres types de divertissement. Près de 20 % des 187 millions d’utilisateurs actifs quotidiens de Twitter sont basés aux Etats-Unis ; et, fait assez surprenant, Twitter est le média social le plus populaire au Japon !

De nombreuses entreprises utilisent les outils natifs de Twitter pour intégrer un fil ou même des tweets individuels dans leurs articles de blog. Cependant, les options de personnalisation sont minimes, et l'intégration proposée par Twitter présente une largeur et une hauteur fixes.

Or, aujourd’hui, un site web requiert souvent plusieurs mises en page différentes, et un design unique ne convient pas forcément à tous les cas d'utilisation, à toutes les mises en page et à toutes les plateformes. En outre, l'intégration standard de Twitter à un site (dite embed) ne fournit pas d'outils de modération d'un flux de hashtag, ou ne prend pas en charge le mélange de plusieurs comptes Twitter dans un même feed. Enfin, certaines entreprises aiment afficher plusieurs canaux Social Media en un seul endroit… chose que les outils standard de Twitter ne prennent pas en charge.

Alors, comment les entreprises résolvent-elles ces problèmes, et comment font-elles en sorte que leurs feeds Twitter se marient à merveille avec leurs sites web ? La réponse est simple : elles s'inscrivent à un service d'agrégation de contenu Social Media, pour afficher des feeds Twitter (et d’autres réseaux sociaux) sur leurs plateformes.

Dans cet article, découvrez comment intégrer un widget Twitter à votre propre site.

Comment intégrer un widget Twitter à n’importe quel site Internet

Envie de créer un widget Twitter totalement personnalisable pour votre entreprise, et l’intégrer à vos sites web, applications mobiles ou écrans digitaux ? Voici un guide en trois étapes qui vous apprendra à le faire.

  1. Ajoutez les comptes et hashtags Twitter que vous voulez intégrer au widget
  2. Choisissez une mise en page personnalisée de votre widget Twitter
  3. Intégrez le widget Twitter à n’importe quelle plateforme digitale

1. Ajoutez les comptes et hashtags Twitter que vous voulez intégrer au widget

Si vous ne disposez pas encore d’un agrégateur de réseaux sociaux, inscrivez-vous à Flockler, gratuit pendant 14 jours.
Une fois inscrit, vous pouvez combiner plusieurs feeds Twitter en un, et les afficher ensemble ou séparément sur vos pages.

Avec Flockler, vous pouvez diffuser sur votre site n’importe quel tweet issu de n’importe quel compte Twitter public, ou en les sélectionnant via un hashtag ou un mot-clé. Nul besoin d’être administrateur d’un compte en particulier : il vous faut juste disposer d’un compte (le vôtre, ou celui de votre entreprise).

Voici une rapide vidéo pour vous expliquer comment rassembler et afficher les tweets de n’importe quel compte Twitter :

Vous souhaitez rassembler votre contenu dans le cadre d’une campagne de hashtag ? Vous pouvez alors choisir de stocker tout le contenu sur Flockler, pour le modérer avant de le publier. Vous pouvez également afficher automatiquement le contenu de votre feed de hashtags sur votre site web, masquer le contenu que vous ne désirez pas à tout moment, ou bien bloquer des utilisateurs ou mot-clés que vous ne voulez pas y voir apparaître. A vous de choisir !

En plus de tweets, vous pouvez également ajouter à votre feed plusieurs réseaux sociaux, et les diffuser tous au même endroit. Découvrez ici la liste des réseaux sociaux supportés par Flockler (en Anglais).

2. Choisissez une mise en page personnalisée de votre widget Twitter

Maintenant que vous avez ajouté les feeds de comptes ou hashtags Twitter qui vous intéressent, il est temps de sélectionner la mise en page de votre widget Twitter.

Flockler vous propose 4 options pré-conçues : le Social Wall, la grille, le carrousel, ou le diaporama.

Toutes les mises en page sont 100% personnalisables : vous pouvez choisir de masquer certains éléments par défaut, de changer les polices ou les couleurs, la langue utilisée, et bien d’autres options. Si vos développeurs peuvent vous aider, l’équipe support de Flockler est toujours ravie de vous venir en aide si besoin, pour ajuster le design de votre widget, afin qu’il colle à la charte graphique de votre site web. N’hésitez pas à nous contacter via le live chat si besoin !

Vous découvrirez quelques exemples de widgets mis en page avec Flockler plus loin dans l’article.

3. Intégrez le widget Twitter à n’importe quelle plateforme digitale

La dernière étape consiste à intégrer votre widget Twitter à la plateforme digitale que vous souhaitez.

Bon nombre d’entreprises ont plusieurs sites web ou plateformes digitales. Avec Flockler, vous pouvez créer autant de widgets que vous le souhaitez, et les intégrer à un nombre de plateformes illimité.

Vous pouvez intégrer Flockler à n’importe quel site ; voici la marche à suivre (en Anglais) pour certains des CMS les plus connus du marché :

Cependant, de nombreux sites web et plateformes digitales sont construits sur-mesure, ou utilisent une plateforme technique sur mesure. Si vous n'êtes pas sûr de la procédure à suivre pour ajouter votre widget Twitter à votre service, veuillez nous envoyer un message via le live chat, et notre équipe support vous guidera.

Après avoir créé votre feed et intégré votre widget, la technologie Flockler met à jour le contenu de votre widget toutes les 5 à 15 minutes, sans aucune manipulation supplémentaire de votre part.

Quelques exemples de widgets Twitter intégrés à des sites web

L'un des principaux avantages du widget Twitter personnalisé de Flockler est que vous pouvez choisir d'utiliser toutes les mises en page prêtes à l'emploi et les personnaliser pour qu'elles correspondent à la charte de votre entreprise. Voici quelques exemples de widgets Twitter intégrés à un site web :

Deutsche Bundesbank

La mise en page de type “Social Wall” est l’une des préférées de bon nombre d’entreprises. Deutsche Bundesbank a décidé d’y intégrer ses couleurs (gris et bleu) pour coller à sa charte graphique.

Envie de plus d’inspiration ? Jetez un œil à ces exemples inspirants de Social Wall.

USO

USO est une organisation à but non lucratif qui soutient les militaires américains, en leur permettant de rester connectés à leur famille et leur pays. L’organisation a décidé d’intégrer des tweets, des images issues d’Instagram et des posts Facebook à un seul et même endroit. Leur widget sous forme de carrousel s’intègre à merveille à leur Media Room, et à leurs pages de campagne de hashtag.

VfL Wolfsburg

VfL Wolfsburg, un club de football professionnel qui joue dans la première division allemande, affiche un widget Twitter sur sa page d’accueil. La mise en page sous forme de grille leur permet d’afficher un flux de tweets toujours frais, sans aucun travail de l’équipe marketing. Ce feed Twitter permet aux fans de rester informés des dernières actualités du club.

Silicon Valley Bank

Silicon Valley Bank est l’une des entreprises qui utilise des feeds Social Media à ses affichages digitaux. Leur diaporama fait tourner du contenu actualité en direct, et peut même être configuré pour lire les vidéos YouTube et Instagram automatiquement.

Pourquoi les entreprises utilisent des widgets Twitter personnalisés

Voici 8 bonnes raisons pour lesquelles nos clients ont choisi le widget Twitter personnalisé de Flockler plutôt que la version standard proposées par Twitter :

  • Un design 100% personnalisable
  • Plusieurs mises en page prêtes à l’emploi (Social Wall, grille, carrousel et diaporama)
  • La possibilité de combiner des comptes Twitter à des feeds de hashtags
  • La diffusion de contenu frais automatique
  • Les outils de modération avancés, qui permettent de rester toujours en total contrôle
  • L’affichage de feeds Twitter sur n’importe quelle plateforme digitale
  • La diffusion du contenu depuis plusieurs réseaux sociaux à un seul et même endroit
  • Aucune compétence en code n’est nécessaire pour la mise en place ou la maintenance du widget

Créez votre propre social wall, ou intégrez du contenu des réseaux sociaux sur votre site web, e-commerce, ou votre application.

Demandez une démo Essayez gratuitement
Essayez Flockler gratuitement pendant 14 jours