Comment intégrer le fil Twitter ou X Timeline sur votre site Web ?

Un tutoriel détaillé sur la façon de générer des messages Twitter et d'afficher les tweets sur le site web.

embed Twitter feed on any website

Mise à jour importante pour 2023 : En raison des modifications apportées à l'API de Twitter, vous pourrez intégrer le widget de compte Twitter en utilisant le plan Premium et le widget de hashtag Twitter en utilisant un plan Entreprise. Pour plus d'informations, n'hésitez pas à discuter avec notre équipe d'assistance à la clientèle ou à contacter support@embedsocial.com

La possibilité d'intégrer le flux Twitter sur le site web (ou, si l'on utilise le nouveau nom - X posts) peut améliorer l'engagement des utilisateurs et promouvoir votre présence en ligne.

Que vous utilisiez les outils de Twitter, des plugins WordPress ou des générateurs de widgets, l'intégration d'un widget de flux Twitter est simple et personnalisable pour s'adapter à l'esthétique de votre site.

Faites défiler la page pour découvrir comment intégrer des flux Twitter et des murs sociaux sur n'importe quel site web et ce que cela peut apporter à votre stratégie de marketing.

FYI : Vous pouvez intégrer Widget de flux Twitter automatiquement dès maintenant. Essai gratuit et affichez maintenant votre flux X. 

embed twitter wall

Afficher Twitter widget shoutout dans une page wall of love sur votre site web automatiquement !

Essayer EmbedFeed et ajoutez des flux Twitter, Vimeo, TikTok, Instagram, YouTube ou Facebook sur votre site web en quelques clics.

Toutes les fonctionnalités PRO peuvent être annulées à tout moment.

Comment intégrer un flux Twitter à un site web ?

L'intégration de plateformes de médias sociaux telles que Twitter dans votre site web permet non seulement d'améliorer l'interactivité de votre site, mais aussi d'accroître l'engagement social, d'élargir la portée des visiteurs de votre site web et de stimuler le référencement de votre site.

En fonction de la structure de votre site web, de votre style préféré et de votre volonté de personnaliser l'aspect et la convivialité de votre flux Twitter intégré, vous pouvez choisir parmi une série de méthodes.

Voici trois façons courantes d'intégrer un flux Twitter à votre site web :

  1. Publier sur Twitter
  2. Agrégateur Twitter
  3. Plugin WordPress

Option 1 : Comment intégrer manuellement un flux Twitter

Commençons par l'option manuelle permettant d'afficher les flux Twitter sur un site web avec la fonctionnalité de publication X.

Les widgets de chronologie intégrables permettent d'intégrer une série de messages de X (Twitter) (appelée chronologie) dans votre site web. Vous avez le choix entre deux styles distincts de timelines intégrables qui reflètent l'apparence et les fonctionnalités des timelines sur x.com :

  • Profil: Cette option vous permet de présenter des messages publics provenant de n'importe quel compte d'utilisateur sur X.
  • Liste: Cette variante vous permet de présenter des messages provenant de listes publiques.

Note: Veuillez noter que les chronologies intégrées sont conçues pour afficher uniquement le contenu des comptes dont les messages sont publics. Le contenu provenant de comptes dont les publications sont protégées ne sera pas affiché par les widgets de chronologie intégrée de X.

Marche à suivre pour intégrer un billet X avec l'option native

X (anciennement Twitter), l'une des plates-formes de médias sociaux les plus puissantes, possède son propre système d'information. outil d'intégration

Avec cet outil de Twitter, vous pouvez intégrer des tweets de Twitter ou des posts de Now X en suivant les étapes suivantes :

  1. Aller à X Publier et collez l'URL du message X que vous souhaitez intégrer. Vous devez saisir l'URL du média dans l'espace vide.
    Past X post to embed on website
  2. Ensuite, choisissez le type de widget que vous souhaitez intégrer - vous pouvez sélectionner un widget Vidéo intégrée ou Postes intégrés.
    Select embedding option for X posts
  3. Une fois que vous avez sélectionné l'option d'affichage, vous obtenez le code pour votre site web. Pour intégrer ce code, il vous suffit de cliquer sur Copier le code.
    Embed x widget code

Par exemple, si je veux publier la dernière mise à jour de notre entreprise sur mon site web, cela ressemblera à ceci :

En outre, le widget Twitter pour sites web vous offre la possibilité d'intégrer la chronologie et les boutons Twitter sur votre site web.

More display options like Twitter Timeline etc

En ce qui concerne l'intégration d'un bouton Twitter, vous avez le choix entre les options suivantes :

Twitter x buttons

Cela semble simple et facile, n'est-ce pas ? 

Remarque :

L'option native n'offre que très peu de possibilités de personnalisation et ne reprend que les 20 derniers messages de votre compte. Il existe une façon plus professionnelle d'intégrer Twitter et la chronologie X combinée à d'autres applications. messages sur les médias sociaux avec votre propre widget personnalisé. Cochez l'option 2.

Option 2 : Comment afficher le flux Twitter avec l'agrégateur Twitter ?

Utilisez un agrégateur Twitter pour générer automatiquement tous vos messages Twitter et les afficher dans un format a Widget Twitter pour site web. Voici ce que vous pouvez faire avec l'agrégateur Twitter

  1. Créer des widgets de flux Twitter à partir des X posts (anciens Tweets) de votre compte
  2. Générer des flux Twitter qui mentionnent votre compte, ou
  3. Intégrer le flux de hashtags de Twitter d'un ou plusieurs hashtag(s) sélectionné(s). 

Voici les étapes à suivre pour chacune des méthodes permettant d'afficher les messages de X (Twitter) sur votre site web :

1. Affichez le widget Twitter de votre compte.

Vous gagnerez ainsi beaucoup de temps en intégrant manuellement vos messages Twitter un par un. 

  1. Démarrer une période d'essai pour le widget Twitter.
  2. Aller à Sources et cliquez sur Ajouter une nouvelle source".
    Choose add source to embed Twitter feed
  3. Dans la liste des réseaux de médias sociaux, sélectionnez X (Twitter), et dans la fenêtre contextuelle, connectez votre compte Twitter. embed twitter widget step1
  4. Ensuite, choisissez votre compte Twitter et ajoutez l'identifiant de votre compte Twitter dans le champ vide - comme indiqué ci-dessous. Une fois cela fait, cliquez sur Suivant.
  5. Ensuite, choisissez le modèle de widget Twitter. Vous pouvez opter pour une présentation de type popup, feed ou slider - ou choisir d'autres présentations interactives adaptées à la conception de votre site web. Cliquez sur Utiliser le modèle pour créer le widget.
    Twitter x widget layouts
  6. À la dernière étape, vous accéderez à l'éditeur de widgets où vous pourrez poursuivre la personnalisation et modérer le widget comme vous le souhaitez. Une fois que vous avez terminé, cliquez sur l'onglet "Embed" dans la barre latérale et cliquez sur "Copy code".
    X or Twitter widget code
  7. Collez le code sur votre page web à l'endroit où vous souhaitez que le widget apparaisse. Ou si vous utilisez un constructeur de sites web spécifique, suivez les étapes ci-dessous.

Voici une démonstration d'un curseur X (Twitter) :

Twitter X slider example widget
Voir la démo du widget X slider

Remarque :

  • La plateforme dispose d'un constructeur CSS intégré qui vous donne une liberté totale pour redessiner l'apparence de votre flux Twitter.
  • Une fois que vous avez intégré le code HTML du flux Twitter sur votre site web, votre flux @ Twitter embed code se synchronisera automatiquement.
  • la plateforme EmbedSocial est intégrée à tous les principaux réseaux de médias sociaux tels qu'Instagram, Twitter, Facebook et YouTube, pour n'en citer que quelques-uns. Cela vous permet de choisir des messages provenant de plusieurs canaux de médias sociaux, pages web ou sources et de les combiner dans un seul widget.

Si vous souhaitez en savoir plus et voir en direct ce que cela donnera sur votre site web, jetez un coup d'œil à la page d'accueil du site web. démonstrations de flux de comptes Twitter.

Option 2 : Afficher un flux de hashtags Twitter ou un widget à partir de X messages

Il s'agit d'une option d'entreprise qui offre une intégration complète avec la plateforme X, permettant aux utilisateurs de générer des posts X à partir d'un hashtag spécifique.

Pour commencer, voici les étapes à suivre :

  1. S'inscrire au plan d'entreprise
  2. Vous devez acheter le plan Twitter Basic API.
  3. Partagez la clé API avec notre équipe chargée de la satisfaction des clients.
  4. Une fois que nous l'aurons configuré, nous ajouterons votre hahstag et il commencera à tirer les X posts dont vous avez besoin.

Voici une démonstration d'un flux de hashtags witter.

Comment intégrer le flux Twitter sur tous les constructeurs de sites web ?

Heureusement, la plateforme EmbedFeed s'intègre aux principaux CMS, aux constructeurs de sites web et à toutes les plateformes qui ont la possibilité d'installer un plugin et d'intégrer des iframes ou des codes JavaScript tiers.

Pour vous faciliter la tâche, nous avons créé un tutoriel détaillé, étape par étape, sur la manière d'afficher facilement un flux Twitter sur votre site web.

Comment intégrer un flux Twitter sur WordPress ?

Pour intégrer le code du flux Twitter dans WordPress, suivez les étapes suivantes :

  1. Connectez-vous à votre site web WordPress et ouvrez l'éditeur de page où vous souhaitez intégrer votre site.
  2. Cliquez sur le bouton + icône pour ajouter un nouveau bloc et rechercher pour ajouter l'élément Bloc HTML.
  3. Dans le bloc HTML, coller le code que vous avez dans l'éditeur EmbedFeed.
Steps to embed Twitter feed in WordPress

Voilà, c'est fait. Le widget du flux Twitter apparaît immédiatement.

Comment intégrer un flux Twitter dans WebFlow ?

Webflow est l'une des plateformes de construction de sites web les plus populaires. Les utilisateurs ont la possibilité d'intégrer des codes tiers, et cette option est disponible pour les utilisateurs PRO. Pour découvrir cette option, suivez les étapes suivantes.

  1. Connectez-vous et ouvrez votre page dans l'éditeur Webflow.
  2. Cliquez sur l'icône + en haut du menu de gauche pour ajouter un nouvel élément.
  3. Dans la liste des éléments, cliquez sur la section Embed, et dans la zone de texte contextuelle, collez le code du widget Twitter.
How to embed Twitter in Webflow

Voilà, c'est fait. Le widget apparaîtra sur votre page Webflow.

Guide complet pour intégrer un flux Twitter dans Webflow >

Comment intégrer un flux Twitter à un site Shopify ?

Shopify est une plateforme robuste que les entreprises utilisent principalement pour le commerce électronique. Cela signifie qu'il est essentiel d'avoir une activité Twitter sur un site Shopify pour présenter les dernières mises à jour et actualités de l'entreprise.

Pour intégrer un flux Twitter dans un site Shopify, suivez les étapes suivantes :

  1. Ouvrez le tableau de bord de Shopify, naviguez vers Pages, et ouvrez la page où vous souhaitez intégrer votre flux Twitter.
  2. Dans le coin supérieur droit de l'éditeur de texte, cliquez sur Afficher le HTML, et coller le code généré par EmbedFeed
  3. Cliquez sur Économiser.
Steps to embed social media feed in Shopify

Comment afficher la chronologie de X (anciennement Twitter) sur un site Web Squarespace ?

Une fois que vous avez le code, les étapes pour intégrer X timline sur Squarespace sont les suivantes :

  1. Connectez-vous à Squarespace et ouvrez la page où vous souhaitez ajouter le code.
  2. Cliquez sur le bouton du haut 'Editeret dans la barre de navigation des éléments de gauche, choisissezEmbarquer.’
    Embed reviews widget in Squarespace
  3. Ensuite, dans l'éditeur, cliquez sur le bloc Embed, cliquez sur Extrait de code et choisissez l'option Embed data" (intégrer des données) option.
    Embed social media feed in Squarespace HTMl block
  4. Ensuite, il suffit de coller le code du flux Twitter et de cliquer sur Économiser.

Voilà, le widget apparaît dans votre bloc Squarespace. Pour visualiser l'ensemble du widget, ouvrez votre page web dans un autre onglet.

Comment intégrer un widget X dans un site Wix ?

Une fois que vous avez le code du widget, les étapes pour intégrer le flux X posts sur Wix sont les suivantes :

  1. Connectez-vous à Wix et ouvrez la page que vous souhaitez modifier.
  2. Dans l'éditeur, cliquez sur le bouton gauche +Ajouter un élément Sélectionnez l'onglet Code d'intégration et cliquez sur Embed HTML".
    embed HTML social media widget code in Wix
  3. Ensuite, un bloc HTMl apparaîtra et vous devrez cliquer sur 'Entrer le code' et dans la fenêtre contextuelle, passez le code du widget dans le champ champ "add your code here" (ajoutez votre code ici). Cliquez sur Mise à jour pour enregistrer les modifications.
    Add Google reviews in Wix
  4. Le widget apparaît dans l'éditeur, où vous pouvez définir la largeur et la hauteur afin de l'adapter à la taille de votre section.
  5. Une fois que vous avez terminé, cliquez sur 'Publier' pour que le wisfet soit visible sur votre site Wix.

X Publish vs. Twitter Aggregator 

Oui, ces deux outils offrent un moyen simple d'intégrer des flux Twitter provenant de divers messages Twitter sur votre site web.

Mais pour que vous puissiez voir la différence, je vais énumérer ci-dessous quelques avantages et inconvénients des deux méthodes :

Flux Twitter intégré manuellement avec X Publish

Si vous utilisez l'option manuelle proposée par (X) Twitter, voici la liste de ce à quoi vous devez vous attendre :

  • Utilisation : Comptes individuels pour une utilisation essentiellement professionnelle
  • Prix : Gratuit
  • Personnalisations : Limitées
  • Modération : Aucune
  • Flexibilité : Limitée ; vous ne pouvez pas créer un flux avec d'autres contenus de médias sociaux.
  • Limité à 20 messages.

Flux Twitter intégré à l'aide d'un agrégateur Twitter

Si vous décidez d'utiliser un média social ou un Agrégateur Twitter comme EmbedFeed, voici ce que vous obtiendrez :

  • Utilisation : Comptes professionnels et comptes de marque
  • Prix : Essai gratuit / Payant
  • Personnalisations : Sans fin
  • Modération : Options de sélection manuelle et automatique par mots-clés
  • Flexibilité : Vous pouvez créer un flux avec d'autres contenus de médias sociaux.
  • Aucune limite dans le nombre de messages générés.

Vous voyez la différence ?

Lequel préférez-vous ?

Avantages de l'intégration d'un flux Twitter sur un site web

Si vous n'êtes toujours pas convaincu que l'intégration d'un flux Twitter ici est une bonne tactique, voici quelques-unes des principales raisons d'intégrer votre flux Twitter qui pourraient vous faire changer d'avis :

  • Améliore considérablement l'attrait visuel de votre site web
  • Réduit le taux de rebond de votre site web
  • Stimule l'engagement et augmente le temps passé sur le site par les visiteurs
  • Promouvoir vos produits et services de manière plus attrayante
  • Organise systématiquement vos messages Twitter et vos hashtags en un seul endroit.
  • Promouvoir votre compte Twitter sans quitter votre site web
  • Transforme les visiteurs du site web en adeptes de Twitter
  • Spectacles preuve sociale et la confiance autour de votre marque

Si ces avantages trouvent un écho chez vous, parcourez les pages suivantes pour découvrir deux façons simples d'obtenir tous les avantages mentionnés en quelques étapes seulement.

Exemples de widgets Twitter

En savoir plus : Incorporer des flux d'Instagram, de Twitter et de Facebook

J'ai mentionné à plusieurs reprises qu'EmbedFeed est un outil tout-en-un. agrégateur de médias sociaux qui intègre tous les grands réseaux de médias sociaux.

Il offre des options pour générer et intégrer des flux provenant de Facebook, Twitter, Instagram, YouTube, TikTok, Vimeo, ou pour créer des flux personnalisés.

social media aggregators

Et le meilleur, c'est que vous pouvez combiner toutes ces sources en un seul grand mur de médias sociaux et l'intégrer sur une page dédiée de votre site web.

Voici plus de détails sur les autres widgets de médias sociaux disponibles dans EmbedFeed :

S'inscrire pour intégrer le flux Twitter maintenant

L'implication de votre marque sur Twitter et l'intégration de votre activité Twitter sur un site web ne se limitent pas à la présence, à l'interaction et à l'engagement.

Il s'agit plutôt d'utiliser le pouvoir indéniable des médias sociaux pour offrir à vos visiteurs la meilleure expérience qu'ils méritent.

Envisagez-vous d'essayer certains des moyens mentionnés ci-dessus et d'afficher votre intégrer les commentaires de Twitter ou Flux de hashtags sur Twitter sur votre site web ?

FYI : Vous pouvez intégrer Widget de flux Twitter automatiquement dès maintenant. Essai gratuit et affichez maintenant votre flux X. 

embed twitter wall

Afficher Twitter widget shoutout dans une page wall of love sur votre site web automatiquement !

Essayer EmbedFeed et ajoutez des flux Twitter, Vimeo, TikTok, Instagram, YouTube ou Facebook sur votre site web en quelques clics.

Toutes les fonctionnalités PRO peuvent être annulées à tout moment.

FAQ sur l'intégration du flux Twitter

Le flux Twitter intégré ralentira-t-il mon site web ?

En règle générale, l'intégration d'un flux Twitter ne devrait pas avoir d'incidence significative sur la vitesse de chargement de votre site web. Toutefois, une personnalisation excessive ou l'intégration de plusieurs flux peut avoir un effet mineur.

Est-il possible d'intégrer des flux provenant de plusieurs comptes Twitter ?

Oui, vous pouvez intégrer des flux provenant de plusieurs comptes Twitter. Cependant, chaque flux nécessitera son propre code d'intégration. Veillez à suivre les instructions fournies par la plateforme que vous utilisez.

Est-il nécessaire d'avoir des compétences en codage pour intégrer des flux Twitter ?

Non, vous n'avez pas besoin d'être un expert en codage pour intégrer des flux Twitter sur votre site web. De nombreuses plateformes proposent des widgets ou des plugins faciles à utiliser qui simplifient le processus. Toutefois, des connaissances de base en HTML peuvent être utiles pour la personnalisation.

Puis-je personnaliser l'apparence du flux Twitter intégré ?

Oui, la plupart des plateformes qui permettent l'intégration de flux Twitter offrent des options de personnalisation. Vous pouvez modifier la mise en page, le thème et même filtrer les types de tweets affichés.


PDG d'EmbedSocial 

Nikola Bojkov est le PDG d'EmbedSocial, un entrepreneur qui transforme les problèmes en produits. Avec plus d'une décennie d'expérience pratique avec les API des médias sociaux, il guide EmbedSocial dans son rôle de partenaire technique pour les PME et les grandes agences, en maximisant l'impact de leur contenu généré par les utilisateurs. EmbedSocial a des bureaux à Skopje, Tokyo et Lisbonne et compte plus de 250 000 utilisateurs.