Comment intégrer un flux en direct de X (Twitter) sur votre site Web (en 5 étapes !)
Accueil Blog Comment intégrer un flux en direct de X (Twitter) sur votre site Web (en 5 étapes !)

Comment intégrer un flux en direct de X (Twitter) sur votre site Web (en 5 étapes !)

Comment intégrer des flux en direct sur Twitter

Nombreux sont ceux qui pensent que l'objectif premier d'une diffusion en direct est d'obtenir des vues sur X (Twitter).

C'est tout à fait logique : les flux en direct peuvent retenir les spectateurs 10 à 20 fois plus longtemps que les vidéos préenregistrées, après tout.

Mais si vous placez ces diffusions sur votre site web, vous pouvez maintenir l'intérêt des internautes sur une plateforme que vous contrôlez au lieu de les envoyer sur Twitter.

Ainsi, vous pouvez transformer votre site web en un centre de référence pour toutes les activités de votre marque.

La bonne nouvelle, c'est qu'il est facile de créer cette expérience de visionnage. Dans ce guide, je vous guiderai à travers les étapes simples pour intégrer un flux X en direct sur votre site Web - sans aucun codage !

Dans cet article :

Pourquoi afficher les diffusions en direct de X (Twitter) sur votre site web ?

  • Augmenter le temps de visite et le référencement : Lorsque les visiteurs restent pour regarder votre contenu en direct, ils passent plus de temps sur le site, ce qui est excellent pour votre classement dans les moteurs de recherche.
  • Faites la promotion de vos produits: Les diffusions en direct vous permettent de présenter de nouveaux produits ou services en temps réel, ce qui crée un sentiment d'excitation et d'urgence susceptible d'entraîner des achats immédiats.
  • Augmentez le nombre de vos abonnés sur Twitter : Lorsque les internautes découvrent votre contenu en direct sur votre site, ils sont plus enclins à suivre votre compte X/Twitter pour obtenir des mises à jour ultérieures.
  • Stimulez l'engagement et la confiance dans la marque : La vidéo en direct crée un lien personnel avec votre public, ce qui contribue à renforcer la crédibilité et les relations avec les clients potentiels.

J'ai constaté que les entreprises qui utilisent des flux en direct sur leur site web obtiennent un meilleur engagement de la part des visiteurs que celles qui se contentent de partager des liens vers des plateformes externes.

L'essentiel est de permettre à votre public d'accéder facilement à votre contenu sans quitter votre site.

La façon la plus simple d'intégrer les flux en direct de X (Twitter) sur votre site Web

La méthode la plus simple pour ajouter des flux X en direct à votre site WordPress est le plugin Twitter Feed Pro.

Cet outil simplifie l'ensemble du processus, même si vous n'avez jamais travaillé avec des plugins de médias sociaux auparavant.

embed twitter feed plugin

Twitter Feed Pro propose un flux guidé en 3 étapes qui permet d'intégrer très facilement du contenu Twitter sans aucune connaissance en matière de codage.

Une fois que vous l'aurez configuré, les diffusions en direct apparaîtront automatiquement sur votre site web dès que le compte Twitter que vous avez choisi sera en ligne.

Voici ce qui rend ce plugin particulièrement utile pour les flux en direct :

  • Les diffusions sont automatiquement sauvegardées sous forme de vidéos, de sorte que les internautes peuvent consulter le contenu même après la fin de la session en direct.
  • Outre les flux en direct, vous pouvez également intégrer des profils Twitter, des flux de hashtags, des listes et des résultats de recherche.
exemple de flux twitter avec timeline
  • Vos flux copient automatiquement la conception de votre site web et se chargent parfaitement sur toutes les tailles d'écran, des ordinateurs de bureau aux téléphones portables.
  • Le plugin comprend des modèles que vous pouvez importer en un seul clic, ou vous pouvez utiliser le personnalisateur visuel en direct pour concevoir de magnifiques flux qui correspondent à votre marque.
live feed editor twitter feed pro

De plus, une équipe d'assistance de haute qualité est prête à vous aider à chaque fois que vous en avez besoin.

Je recommande Twitter Feed Pro parce qu'il gère automatiquement tous les aspects techniques tout en vous donnant un contrôle total sur la façon dont votre contenu apparaît.

Prêt à afficher facilement les flux en direct de Twitter ? Obtenez votre copie de Twitter Feed Pro ici!

Comment intégrer les flux en direct de X (Twitter) sur votre site Web en 5 étapes

Je vais maintenant vous expliquer le processus complet de mise en place d'un flux X en direct sur votre site WordPress. Cette méthode fonctionne pour n'importe quel site WordPress et ne prend que quelques minutes.

Dans les étapes suivantes, vous apprendrez à installer Twitter Feed Pro, à créer un flux Twitter, à le connecter à votre compte, à personnaliser son design et à l'afficher sur votre site Web.

Étape 1 : Télécharger et installer Twitter Feed Pro

Tout d'abord, vous devez vous procurer le plugin Twitter Feed Pro et l'ajouter à votre site WordPress.

Une fois que vous avez le plugin, installez-le et activez-le sur votre site (consultez notre guide du débutant si vous avez besoin d'aide).

Étape 2 : Créer un nouveau flux Twitter

Vous allez maintenant mettre en place votre premier flux Twitter qui affichera les flux en direct. Allez dans votre tableau de bord WordPress et naviguez jusqu'à Twitter Feed " All Feeds.

Ensuite, cliquez sur le bouton Ajouter un nouveau pour commencer à créer votre flux.

ajouter un nouveau flux twitter personnalisé

Dans l'écran suivant, sélectionnez User Timeline comme type de flux et cliquez sur Next.

Ce type de flux est spécialement conçu pour afficher les émissions en direct et les publications régulières des comptes Twitter dans l'ordre chronologique.

types de flux twitter feed pro

Étape 3 : Connecter votre flux à Twitter

Vous devez maintenant autoriser le plugin à accéder à votre compte X afin qu'il puisse récupérer vos flux en direct.

Cliquez sur le bouton Connecter lorsque la fenêtre contextuelle de connexion s'affiche.

connecter un compte twitter à wordpress

Une fois que vous avez fait cela, le plugin vous redirigera vers Twitter et vous demandera un accès en lecture seule à votre compte X, ce qui est tout à fait sûr.

Cette autorisation lui permet uniquement de consulter votre contenu, mais pas de le modifier.

Cliquez sur Autoriser l'application pour accorder les permissions nécessaires.

authorize twitter read only access.jpg

Après autorisation, le plugin vous ramènera sur votre site web.

Saisissez ici l'adresse Twitter du compte dont vous souhaitez afficher les flux en direct sur votre site web.

Une fois que vous avez saisi la poignée, cliquez sur Suivant pour continuer.

choisissez un compte pour votre flux twitter en direct

Étape 4 : Personnaliser votre fil Twitter

C'est ici que vous pouvez choisir l'apparence de votre flux Twitter en direct sur votre site web.

Pour que le processus soit rapide, votre nouveau fil Twitter s'adaptera automatiquement au design de votre site web. De plus, vous disposez de nombreuses options de personnalisation.

Tout d'abord, vous pouvez choisir parmi 7 modèles prédéfinis conçus par des professionnels :

  • Défaut
  • Cartes de maçonnerie
  • Carrousel simple
  • Cartes simples
  • Carrousel de présentation
  • Dernier tweet
  • Widget

Choisissez un modèle qui correspond à votre projet et cliquez sur Suivant pour l'importer.

choisir un modèle de flux

Vous verrez maintenant le personnalisateur de flux en direct, qui affiche l'aperçu de votre flux sur la droite et les options de personnalisation sur la gauche.

Toutes les modifications que vous apportez apparaissent instantanément dans l'aperçu, ce qui vous permet de voir exactement à quoi ressemblera votre flux.

personnalisation d'un flux twitter en direct

Nous allons explorer quelques options afin que vous puissiez vous familiariser avec le personnalisateur.

Tout d'abord, cliquez sur l'option Feed Layout dans le panneau de gauche.

commencez à modifier la présentation de votre flux en direct

Ici, vous pouvez choisir parmi 3 styles de mise en page différents :

  • Liste: Chaque article bénéficie de beaucoup d'attention et d'espace, ce qui est idéal pour mettre en évidence les flux en direct importants.
  • Masonry (maçonnerie) : Affichez plusieurs tweets à la fois dans une grille de style Pinterest.
  • Carrousel: Créez une expérience de glissement interactive que les visiteurs peuvent parcourir.

Choisissez la mise en page qui convient le mieux à votre site web et cliquez sur Enregistrer.

Je recommande la présentation en liste ou en maçonnerie pour les flux en direct sur Twitter, car la vidéo sera toujours visible.

Modèles disponibles pour votre flux twitter en direct

Ensuite, cliquez sur Personnaliser en haut à gauche pour revenir aux options principales.

Ensuite, vous pouvez choisir une autre partie de votre flux Twitter en direct à personnaliser.

retour aux options principales de personnalisation twitter live feed

Cette fois, changeons les couleurs de votre nouveau flux Twitter.

Sélectionnez la palette de couleurs dans le menu de gauche pour commencer.

sélectionnez l'option de schéma de couleurs pour twitter livestream

Pour changer rapidement et facilement les couleurs, vous pouvez choisir parmi 4 options de schéma de couleurs :

  • Héritage du thème : Copie automatiquement les couleurs de votre thème WordPress pour une intégration transparente.
  • Clair: Utilise un fond clair avec un texte foncé, idéal pour la plupart des sites web.
  • Sombre : Fond sombre avec texte clair, idéal pour les conceptions modernes.
  • Personnalisé: Vous permet de choisir vous-même toutes les couleurs pour un contrôle total.

Comme précédemment, sélectionnez votre palette de couleurs et enregistrez vos modifications.

options de couleurs pour le flux en direct sur twitter

Utilisez les autres options de personnalisation pour ajuster votre en-tête, votre style de tweet, vos boutons et d'autres éléments visuels jusqu'à ce que tout soit exactement comme vous le souhaitez.

Étape 5 : Afficher le flux en direct de Twitter sur votre site Web

Maintenant vient la partie la plus excitante - ajouter votre flux Twitter en direct à votre site web. Vous pouvez le faire directement depuis le Customizer sans quitter l'écran actuel.

Cliquez sur le bouton Embed dans le coin supérieur droit du Customizer.

commencez à intégrer votre flux de diffusion en direct sur Twitter

Vous verrez apparaître une fenêtre contextuelle proposant trois façons différentes d'ajouter votre flux Twitter en direct à votre site :

  • Copier le code court : Copiez le shortcode pour insérer le flux n'importe où sur votre site.
  • Ajouter à une page : Affichez le flux sur l'une de vos pages WordPress publiées.
  • Ajouter à un widget : Affichez le flux dans une zone compatible avec les widgets, comme votre barre latérale ou votre pied de page.

Pour cet exemple, j'utiliserai la méthode page car elle donne beaucoup de visibilité au flux.

Pour continuer, cliquez sur le bouton Ajouter à une page.

ajouter à une page

Vous verrez une liste de toutes vos pages publiées où vous pourrez ajouter le flux Twitter.

Sélectionnez la page sur laquelle vous souhaitez que votre flux en direct apparaisse et cliquez sur Ajouter.

ajouter un flux twitter à une nouvelle page

Cela vous redirigera vers cette page WordPress dans l'éditeur de blocs. Vous devez maintenant ajouter le flux Twitter au contenu de votre page.

Cliquez sur l'icône plus (+) pour ajouter un nouveau bloc à votre page.

ajouter un nouveau bloc bloc de contenu

Dans la barre de recherche du bloc, tapez "twitter feed" pour trouver le bloc du plugin.

Ensuite, cliquez sur le bloc Fil Twitter lorsqu'il apparaît dans les résultats.

intégrer un flux twitter sur votre site wordpress

Le bloc sera ajouté à votre page et affichera automatiquement votre flux Twitter personnalisé.

Vous pouvez maintenant mettre à jour la page pour enregistrer vos modifications et mettre le flux en ligne sur votre site web.

exemple de flux twitter avec livestream intégré sur votre site web

Chaque fois que le compte Twitter que vous avez choisi est en ligne, la diffusion en direct apparaît automatiquement sur votre site web pour que les visiteurs puissent la regarder.

Les internautes peuvent alors cliquer sur votre vidéo en direct et la regarder directement sur votre site.

regardez la diffusion de x en direct directement sur votre site web

Principales conclusions et prochaines étapes

Vous avez appris avec succès comment intégrer les flux en direct de X (Twitter) sur votre site Web WordPress en utilisant la méthode la plus simple.

Vous pouvez désormais utiliser les flux Twitter en direct sur votre site pour stimuler l'engagement, augmenter le nombre de vos abonnés Twitter et faire en sorte que les visiteurs restent plus longtemps sur votre plateforme. Et tout ce que vous avez à faire, c'est.. :

  1. Installez et activez le plugin Twitter Feed Pro.
  2. Créez un nouveau flux Timeline et connectez-le à votre compte.
  3. Personnalisez l'apparence du flux pour qu'elle corresponde à la conception de votre site web.
  4. Affichez le flux sur la page de votre choix à l'aide du bloc Twitter Feed.

Prêt à afficher vos flux Twitter ? Téléchargez Twitter Feed Pro dès aujourd'hui!

Vous voulez en savoir plus sur Twitter ? Nous avons également un guide sur les meilleurs moyens de gagner de l'argent sur Twitter/X.

avatar de l'auteur
Sajjan Sharma Rédacteur principal
Sajjan écrit sur WordPress, le marketing des médias sociaux et les entreprises en ligne depuis plus de 10 ans. Ses intérêts professionnels s'étendent au marketing d'influence, à la curation de contenu et aux stratégies de marketing numérique.

Commentaires 1

  1. Elizabeth Olsen @ Rabattdigga.de Il y a 6 mois

    Excellente présentation sur l'intégration des flux en direct X ! Twitter Feed Pro prend-il également en charge l'intégration d'événements en direct programmés avant leur diffusion ?

    Répondre

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de confidentialité et que tous les liens ne sont pas suivis. N'utilisez PAS de mots-clés dans le champ du nom. Engageons une conversation personnelle et constructive.