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

Toutes les marques devraient vouloir intégrer le fil Twitter sur les pages de leur site web (aujourd'hui connu sous le nom de X) pour améliorer l'engagement des utilisateurs et promouvoir leur présence en ligne.

De plus, l'intégration de votre fil Twitter (ou de votre timeline X) sur votre site web est un moyen simple d'actualiser le contenu, d'instaurer la confiance et de susciter davantage d'interactions.

Comme vous pouvez le constater, vous devez ajouter le fil Twitter aux pages de votre site web pour être compétitif dans le monde numérique d'aujourd'hui, quelle que soit la méthode que vous utilisez pour cela.

Heureusement, je vous explique tout sur le processus d'intégration de la timeline de Twitter via les outils natifs de la plateforme et les plugins de widgets tiers tels que EmbedSocial.

Marques, créateurs et entreprises, continuez à lire !

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

Meilleure méthode : Incorporer le flux X sur le site web via des widgets tiers !

La méthode la plus simple et la plus rapide pour intégrer la chronologie, les hashtags et les mentions de Twitter est d'utiliser un logiciel tiers. agrégateur de médias sociaux conçu à cet effet.

Par exemple, EmbedSocial dispose d'un outil sans codage qui peut collecter les données suivantes TOUS votre contenu X (Twitter) et l'afficher dans des pages personnalisables. Widgets Twitter partout où vous le souhaitez.

La procédure comprend quelques étapes simples :

1. Créez et connectez-vous à votre compte EmbedSocial
2. Choisissez le contenu Twitter que vous souhaitez utiliser comme source
3. Sélectionnez et personnalisez votre widget de flux X
4. Copier le code du widget de flux Twitter intégrable
5. Collez le code dans votre constructeur de site web

Voici une brève vidéo interactive sur la manière d'afficher le flux Twitter via EmbedSocial :

Étape 1 : Créez et connectez-vous à votre compte EmbedSocial

Pour intégrer un widget de flux Twitter via EmbedSocial, vous devez créer un compte. Naturellement, vous n'êtes pas obligé de vous engager, puisqu'il existe une Essai gratuit de 7 jours :

Étape 2 : Choisissez le contenu Twitter que vous souhaitez utiliser comme source

Ensuite, vous devez choisir votre type de source Twitter. Vous avez le choix entre un compte, Flux de hashtags sur Twitteret des mentions, ainsi qu'un flux basé sur des mots-clés.

Pour ce faire, vous devez naviguer vers Sources (ruban de gauche) → Ajouter une nouvelle source → X (Twitter)Vous pouvez ensuite sélectionner votre source :

Étape 3 : Sélectionnez et personnalisez votre widget de flux X

C'est maintenant que commence la partie la plus amusante : choisir votre modèle de widget et la personnaliser pour qu'elle corresponde à l'identité de votre marque. Vous pouvez tout changer, des couleurs à la forme :

Étape 4 : Copier le code du widget de flux Twitter intégrable

Une fois que vous aurez personnalisé votre widget, vous devrez copier le code du widget de flux Twitter intégrable via l'option Onglet "Embed (menu ruban de gauche) :

Étape 5 : Collez le code dans votre constructeur de site web

Enfin, vous devez coller le code dans votre constructeur de site web. Généralement, vous devrez ajouter une boîte HTML vide à une page et y coller le code :

Cette dernière étape peut différer légèrement en fonction du constructeur de site web ou du CMS que vous utilisez, et c'est pourquoi j'ajoute ci-dessous des tutoriels pour toutes les plateformes populaires.

Remarque : En raison des changements importants apportés à l'API de Twitter en 2023, vous ne pouvez intégrer la chronologie de Twitter qu'avec le plan Premium EmbedSocial. En revanche, pour intégrer un hashtag, des mentions ou un flux Twitter basé sur des mots-clés, vous devez souscrire à l'offre Enterprise. Consultez notre modèle de tarification.

Démonstration d'un flux Twitter intégré

Voici à quoi peut ressembler l'intégration de votre timeline Twitter sur votre site web :

Comment intégrer le flux Twitter sur les constructeurs de sites web (toutes les options populaires) ?

Heureusement, vous pouvez utiliser EmbedSocial sur tous les principaux constructeurs de sites web et plateformes CMS, car il utilise des iFrames et des codes JavaScript. Voici les guides étape par étape :

Comment intégrer un flux Twitter sur WordPress ?

L'ajout d'un flux Twitter à WordPress comprend 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.

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 qui s'affiche, collez le code du widget Twitter.

Comment intégrer des tweets sur 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.

Comment afficher la chronologie de X (Twitter) dans un site web Squarespace

Une fois que vous avez le code, les étapes pour intégrer X timeline 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 latérale gauche des éléments, choisissezEmbarquer.’
   
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.
   
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".
3. Ensuite, un bloc HTML s'affiche et vous devez cliquer sur "Entrer le code" et, dans la fenêtre contextuelle, coller le code du widget dans l'espace réservé à cet effet. champ "add your code here" (ajoutez votre code ici). Cliquez sur Mise à jour pour enregistrer les modifications.
4. Le widget apparaît dans l'éditeur, où vous pouvez définir la largeur et la hauteur en fonction de la taille de votre section.
5. Une fois que vous avez terminé, cliquez sur 'Publier' pour que le widget apparaisse sur votre site Wix.

C'est tout ce que vous aviez à faire ! Votre widget est maintenant en ligne sur votre site Wix !

Option native : Comment intégrer manuellement un flux Twitter ?

X (anciennement Twitter) offre à ses utilisateurs une méthode officielle pour intégrer des widgets de flux X sur la base de les messages de profil ou les listes publiquesqui a ses propres limites.

Par exemple, vous ne pouvez intégrer que du contenu X provenant de messages publics. Par conséquent, les messages provenant de comptes protégés ne sont pas compatibles avec cette méthode.

Le processus d'intégration de la chronologie de Twitter via cette méthode comprend quelques étapes :

Étape 1 : Accéder au site web "Publier" de Twitter

Tout d'abord, vous devez vous rendre dans la section Twitter Publier un site web:

Étape 2 : Indiquez l'URL de votre X

Copiez et collez l'URL du message X que vous souhaitez intégrer dans le champ vide. Vous pouvez fournir un lien vers un seul message, un profil, une poignée ou un hashtag :

Étape 3 : Personnalisation de base de votre dessin ou modèle

Choisissez l'affichage de votre widget, son thème de couleur (clair ou foncé), la langue d'affichage et la possibilité de masquer les conversations publiques :

Étape 4 : Copier le code du widget

Une fois que vous avez terminé, il vous suffit de coder le code intégrable :

Étape 5 : Collez le code dans votre constructeur de site web

Enfin, vous devez effectuer la même opération que celle décrite ci-dessus, c'est-à-dire coller le code dans le constructeur de site web de votre choix dans un élément HTML vide :

C'est ainsi que vous intégrez un flux chronologique X via l'option native. Cela dit, nous comparons ci-dessous la solution complète d'un tiers et l'option native dépouillée.

---

Remarque : Twitter Publish vous permet d'intégrer quatre types de widgets différents en fonction du contenu que vous souhaitez présenter :

X Publish vs. Twitter Aggregator : Avantages et inconvénients

Comme je vous l'ai dit précédemment, l'option native offerte par X (Twitter) pour afficher votre contenu à partir de la plateforme X a quelques limites. Par exemple, elle ne reprend que les 20 derniers messages de votre compte.

À l'inverse, un outil tiers comme EmbedSocial vous permet de intégrer des messages dans les médias sociaux de X à l'aide d'un widget sur mesure, sans aucune limitation en termes de contenu.

Voici ce qu'il faut savoir sur les deux méthodes :

Flux Twitter intégré manuellement via X Publish

Avec l'option manuelle proposée par X (Twitter), voici ce à quoi il faut s'attendre :

• Utilisation : Intégrer un Tweet ou un profil
• Prix : Gratuit
• Personnalisations : Taille unique
• Modération : Aucun
• Flexibilité : Très limité (ne peut inclure d'autres médias)
• Nombre de postes : Jusqu'à 20

Flux Twitter intégré à l'aide d'EmbedSocial

Avec un tiers Agrégateur Twitter comme EmbedSocial, vous obtenez :

• Utilisation : Comptes professionnels et comptes de marque
• Prix : Payant avec essai gratuit
• Personnalisations : Sans fin
• Modération : Flexible avec des options manuelles ou automatiques
• Flexibilité : Vous pouvez inclure toutes sortes d'autres médias
• Nombre de postes : Aucune limite

Vous voyez la différence ? Laquelle préférez-vous ?

Remarque :

• EmbedSocial dispose d'un constructeur CSS intégré qui vous donne une liberté totale pour redessiner votre flux Twitter afin qu'il s'adapte parfaitement à la conception de votre site web.
• Une fois que vous avez intégré le code HTML du flux Twitter sur votre site Web à l'aide d'EmbedSocial, votre flux de code d'intégration du flux Twitter restera synchronisé en permanence.
• EmbedSocial s'intègre à tous les principaux réseaux de médias sociaux tels qu'Instagram, Twitter, Facebook, YouTube, etc. et vous pouvez utiliser tout ce contenu.

Types de contenu X que vous pouvez intégrer via EmbedSocial

Pour offrir la meilleure solution tierce possible, EmbedSocial vous permet d'intégrer toutes sortes de messages X, y compris les hashtags, les mentions, les mots-clés et les messages de compte :

• Postes du compte-Affichez tous les messages publics de votre propre compte X (Twitter) pour tenir votre site au courant de vos dernières activités ;
• Flux de hashtags-retirer les messages de n'importe quel hashtag public pour mettre en évidence les sujets en vogue ou contenu généré par l'utilisateur via un widget Twitter hashtag ;
• Mentions-collecte automatiquement les messages dans lesquels d'autres utilisateurs mentionnent votre marque ou votre nom, en mettant en évidence les éléments suivants preuve sociale;
• Flux basés sur des mots-clésFiltrer et afficher les messages contenant des mots-clés spécifiques pour cibler les conversations pertinentes.

Comme vous pouvez le constater, cette flexibilité vous permet de créer des widgets de flux Twitter dynamiques et adaptés aux objectifs de votre marque.

Avantages de l'intégration des flux X (Twitter) sur les sites web

Vous ne savez pas si l'ajout d'un widget de chronologie Twitter ou d'un flux de hashtags en vaut la peine ? Une fois que vous commencez à intégrer des tweets, votre marque bénéficie de nombreux avantages :

• Améliore l'attrait visuel de votre site web-rend vos pages plus dynamiques et plus attrayantes ;
• Réduit le taux de rebond de votre site-encourage les visiteurs à rester plus longtemps sur le site ;
• Stimule l'engagement des utilisateurs-Les gens interagissent avec votre contenu en temps réel ;
• Promouvoir des produits ou des services-Les mises à jour sont mises en valeur d'une manière nouvelle et authentique ;
• Permet d'organiser vos messages sur Twitter-Affiche les tweets et les hashtags en un seul endroit ;
• Augmente la visibilité de votre compte Twitter-sans que les utilisateurs aient besoin de quitter votre site web ;
• Transformer les visiteurs en adeptes-convertit le trafic en fans sociaux ;
• Constructions preuve sociale et la confiance-montre que vous êtes actif, transparent et digne de confiance.

Si vous pensez que votre marque en a besoin, l'intégration de votre flux Twitter est plus facile que vous ne le pensez, comme vous l'avez vu dans nos tutoriels ci-dessus.

Plus encore : Intégrez également d'autres flux de médias sociaux !

En tant qu'outil tout-en-un agrégateur de médias sociauxEmbedSocial s'intègre à toutes les plus grandes plateformes de médias sociaux, y compris Facebook, Instagram, YouTube, TikTok, etc. Il vous permet de collecter, de modérer et d'afficher des flux intégrés provenant de tous ces réseaux :

Le plus intéressant ? Vous pouvez combiner toutes ces sources en un seul grand mur de médias sociaux et l'intégrer à un site Web dédié. Page "Wall of Love sur votre site web.

Voici quelques-uns des autres widgets de médias sociaux disponibles dans EmbedSocial :

• Widget de flux Instagram
• Widget de flux Facebook
• Widget de la chaîne YouTube
• Widget liste de lecture YouTube
• Widget hashtag YouTube
• Widget vidéo Vimeo
• Widget de flux TikTok

De toute évidence, notre outil de widget Twitter est bien plus que cela : il s'agit d'un outil complet d'aide à la décision. Plate-forme UGC pour votre entreprise qui apporte un contenu original à votre site web.

Conclusion : Ajoutez votre flux Twitter (X) à votre site web dès aujourd'hui !

Impliquer votre marque sur X (anciennement Twitter) et intégrer votre activité sur un site web est une démarche intelligente pour renforcer la confiance, l'engagement et le référencement.

L'intégration de votre chronologie permet également de convertir les visiteurs occasionnels en fidèles adeptes de Twitter qui restent connectés aux mises à jour de votre marque.

Que vous optiez pour l'outil d'intégration X natif ou pour un widget de flux Twitter personnalisable, vos visiteurs seront informés et connectés en temps réel.

Alors n'attendez pas, choisissez la méthode qui correspond à vos besoins et intégrez votre flux chronologique Twitter, Commentaires sur Twitterou Hashtags sur Twitter sur votre site web dès aujourd'hui!`

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

FAQ sur l'intégration des 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 sur votre site web ne devrait pas avoir d'incidence significative sur la vitesse de chargement de votre site. Toutefois, une personnalisation excessive ou des flux multiples peuvent avoir un effet mineur, surtout si vous n'utilisez pas de script lazy-load pour minimiser leur impact.

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, il n'est pas nécessaire d'être un expert en codage pour intégrer Twitter sur un 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. Par exemple, EmbedSocial vous permet de modifier la mise en page, le thème et les couleurs de votre widget. De plus, vous pouvez filtrer les types de tweets qui s'affichent.