L'affichage des résultats de recherche de X (anciennement Twitter) sur votre site web est un moyen efficace de mettre en valeur la preuve sociale et d'actualiser votre contenu.
Il engage vos visiteurs en leur montrant ce que les autres disent de votre marque ou de votre sujet à l'heure actuelle.
Mais trouver comment le faire peut sembler un peu technique. Vous pouvez craindre qu'il faille coder de manière complexe ou utiliser l'API X officielle.
Heureusement, il existe un moyen beaucoup plus simple. Dans ce guide, je vous guiderai à travers cinq étapes faciles pour intégrer les résultats de la recherche X (Twitter) directement sur votre site WordPress sans aucun code.
Ce que nous allons couvrir :
Pourquoi afficher les résultats de recherche de Twitter sur votre site web ?
- Construire une preuve sociale : Lorsque les visiteurs voient des tweets positifs sur votre marque ou votre secteur d'activité, cela crée une crédibilité et une confiance immédiates avant même qu'ils ne lisent votre contenu principal.
- Gardez votre contenu frais : Les flux de recherche sont régulièrement mis à jour avec les nouveaux tweets, de sorte que votre site Web présente toujours les conversations actuelles sans que vous ayez à ajouter manuellement du contenu.
- Stimulez l'engagement : Le contenu social interactif encourage les visiteurs à faire défiler les tweets et à cliquer sur les messages intéressants, ce qui les incite à rester plus longtemps sur votre page.
- Mettez en avant votre expertise sectorielle : En affichant des tweets sur les sujets de votre secteur d'activité, vous vous positionnez comme étant connecté aux tendances et conversations actuelles dans votre domaine.
- Affichez un contenu authentique : Les vrais tweets de vraies personnes sont plus authentiques que les témoignages traditionnels ou les textes marketing, ce qui rend votre marque plus accessible et plus digne de confiance.
La façon la plus simple d'intégrer les résultats de la recherche X (Twitter) sur votre site web
Soyons honnêtes sur les méthodes traditionnelles pour ajouter du contenu Twitter à votre site web. L'approche manuelle est frustrante et prend du temps.
Vous devez trouver les tweets que vous souhaitez afficher, copier leurs codes d'intégration un par un et les coller dans vos articles ou pages WordPress.
C'est exactement la raison d'être de Twitter Feed Pro de Smash Balloon.
Il prend en charge toute la complexité technique tout en vous offrant un moyen simple et visuel de créer des flux Twitter professionnels.
Voici ce qui fait de Twitter Feed Pro un choix judicieux :
- Vous pouvez créer de magnifiques flux Twitter à l'aide d'une interface simple de type pointer-cliquer que tout le monde peut maîtriser.
- Tous vos flux s'actualisent automatiquement avec les nouveaux tweets, de sorte que votre contenu reste à jour sans aucune intervention manuelle.
- Le plugin optimise les vitesses de chargement en stockant efficacement les données de tweet, évitant ainsi le ralentissement de votre site web.
- Vous pouvez afficher les diffusions en direct de Twitter, les flux de la chronologie, les flux de hashtags, les résultats de recherche ou les listes.
- Tous les flux Twitter s'adaptent à tous les appareils et copient même automatiquement le design de votre site web.
- Vous pouvez importer des modèles ou utiliser le personnalisateur en direct pour modifier l'apparence de vos tweets sur votre site web.
- Obtenez l'aide d'experts WordPress qui comprennent à la fois le plugin et l'intégration des médias sociaux.
Le plus beau ?
Vous n'aurez pas besoin de vous embarrasser de clés API compliquées ou de paramètres de développeur. Twitter Feed Pro s'occupe automatiquement de toutes ces connexions techniques.
Essayez Twitter Feed Pro ici, et vous verrez à quel point l'intégration de Twitter peut être simple.
Ce dont vous aurez besoin avant de commencer
Avant de nous plonger dans l'intégration des résultats de recherche de Twitter, assurons-nous que tout est prêt. Cela vous permettra d'effectuer le processus en douceur et sans accroc.
Voici ce dont vous aurez besoin :
- Accès administrateur à votre tableau de bord WordPress (WordPress.org, pas .com)
- Tout compte Twitter/X actif (même un compte gratuit de base fonctionne parfaitement)
- Le plugin Twitter Feed Pro de Smash Balloon
- Environ 5 minutes de votre temps
Comment intégrer les résultats de la recherche X (Twitter) sur votre site web
Prêt à commencer ? Il vous suffit de suivre les 5 étapes ci-dessous, et vous pourrez avoir un magnifique flux avec les résultats de recherche de Twitter sur votre site web.
Étape 1 : Installer et activer Twitter Feed Pro
Puisque nous utilisons la méthode la plus simple, vous pouvez obtenir le plugin Twitter Feed Pro ici.
Une fois que vous avez le plugin, installez-le et activez-le sur votre site web(voir notre guide du débutant).
Étape 2 : Créer votre nouveau fil de recherche Twitter
Vous verrez un nouveau menu intitulé Twitter Feed sur votre tableau de bord WordPress.
Pour continuer, ouvrez le menu Twitter Feed " All Feeds " et cliquez sur Add New.
Une fois que vous avez fait cela, vous pouvez choisir parmi plusieurs types de flux.
Vous verrez des options telles que le flux chronologique de Twitter, le flux de hashtags, le flux de listes et celui que nous voulons - le flux de recherche.
Sélectionnez le type de flux de recherche et cliquez sur Suivant.
Étape 3 : Autoriser le plugin avec votre compte Twitter
Si c'est la première fois que vous créez un flux Twitter, vous verrez une fenêtre contextuelle qui vous permettra de vous connecter à votre compte Twitter.
Cela permet au plugin de récupérer les tweets et de mettre à jour votre flux de résultats de recherche Twitter.
Pour continuer, cliquez sur le bouton Connecter .
Vous serez ensuite redirigé vers Twitter, où vous pourrez accorder un accès en lecture seule à votre compte Twitter.
Vous pouvez également voir les autorisations exactes listées à cet endroit.
Il suffit de cliquer sur le bouton Autoriser l'application pour continuer.
Le plugin vous ramènera sur votre site web. Maintenant que vous êtes connecté à Twitter, vous pouvez créer de nouveaux flux sans quitter votre site.
Remarque: vous n'autorisez que la visualisation et l'affichage des informations Twitter, et le plugin ne peut apporter aucune modification. Il est donc sûr à 100 %.
Une fois votre compte connecté, vous pouvez spécifier exactement le contenu que vous souhaitez afficher.
Dans le champ, saisissez simplement le terme de recherche Twitter que vous souhaitez et cliquez sur Suivant.
Je vous recommande d'utiliser un terme spécifique afin de n'afficher sur votre site Web que le contenu Twitter pertinent.
Étape 4 : Personnaliser l'affichage de votre fil de recherche Twitter
C'est là que la magie opère : vous pouvez donner à votre fil Twitter l'aspect que vous souhaitez.
Dès le départ, les résultats de recherche de Twitter copieront automatiquement le design de votre site web. En outre, vous serez guidé à travers différentes façons de le personnaliser.
Choix du modèle de flux
Twitter Feed Pro propose 7 modèles différents, et chacun d'entre eux convient mieux à différents types de sites Web et de mises en page.
Choisissez un modèle parmi les options proposées et cliquez sur le bouton Suivant.
Je vais utiliser le modèle par défaut pour ce tutoriel, car il est assez polyvalent.
Après avoir choisi le modèle, le plugin rassemble les résultats de votre recherche sur Twitter dans un flux et ouvre le personnalisateur en direct.
C'est très simple : utilisez les options de gauche pour personnaliser le flux Twitter et suivez vos modifications sur la droite.
Comme il y a BEAUCOUP d'options, je vais en présenter quelques-unes pour que vous puissiez voir comment fonctionne le Customizer.
Configuration de la mise en page
Vous pouvez contrôler exactement le nombre de tweets qui apparaissent dans votre fil et la façon dont ils sont classés.
Tout d'abord, cliquez sur l'option Feed Layout à gauche.
Vous pouvez maintenant choisir entre 3 présentations de flux :
- Liste : Semblable à la présentation par défaut de Twitter, avec des tweets dans une seule colonne.
- Masonry (maçonnerie) : Utilisez différentes colonnes et affichez des tonnes de tweets en même temps.
- Carrousel : Afficher les résultats de la recherche dans un carrousel de diapositives.
Après avoir sélectionné la mise en page, cliquez sur Enregistrer pour confirmer la nouvelle conception.
Vous pouvez également définir le nombre de tweets par page (je commence généralement par 6-9 pour la plupart des sites web) et choisir le nombre de lignes ou de colonnes à afficher.
Lorsque vous avez terminé de modifier la mise en page, cliquez sur le bouton Personnaliser pour revenir à la page principale.
Configuration des en-têtes d'alimentation
La section d'en-tête apparaît en haut de votre flux, et vous pouvez choisir son apparence ou même ne pas avoir d'en-tête dans votre flux.
Tout d'abord, cliquez sur l'option En-tête à gauche.
En haut, vous trouverez l'option permettant d'activer ou de désactiver l'en-tête.
En dessous, vous avez le choix entre deux styles d'en-tête :
- Standard : Pour un flux de recherche, il s'agit d'un simple logo X. Mais dans un flux chronologique, il affiche vos informations Twitter.
- Texte : Saisissez un titre à afficher en haut de votre fil Twitter.
Pour cet exemple, j'utiliserai le style Texte et je saisirai un titre à afficher au-dessus du flux.
Comme précédemment, cliquez sur Enregistrer pour conserver les modifications.
Les options restantes vous permettent d'ajuster les couleurs, les polices, l'espacement, le style de tweet et bien d'autres choses encore, sans toucher à une seule ligne de code.
Le plus intéressant, c'est que toutes ces modifications se produisent instantanément dans l'aperçu, ce qui vous permet d'expérimenter jusqu'à ce que tout vous convienne.
Étape 5 : Intégrer votre flux de recherche Twitter sur votre site Web
Maintenant que votre flux est parfait, il est temps de l'ajouter à votre site web. Twitter Feed Pro vous permet de commencer à le faire à partir du personnalisateur en direct.
Tout d'abord, cliquez sur le bouton Embed en haut de votre personnalisateur Twitter.
Dans la fenêtre contextuelle, vous pouvez choisir parmi différentes options d'intégration et trouver celle qui vous convient le mieux.
- Ajouter à une page : Afficher les résultats de la recherche Twitter sur une page web.
- Ajouter à un widget : Affichez vos tweets dans une barre latérale ou un pied de page.
- Copier : Ajoutez le shortcode manuellement pour intégrer le flux où vous le souhaitez.
Pour ce guide, je vais aller de l'avant et cliquer sur Ajouter à une page ici.
Ensuite, vous verrez une liste des pages WordPress publiées sur votre site web.
Sélectionnez une page que vous souhaitez utiliser et cliquez sur Ajouter.
Cette opération ouvre l'éditeur de la page que vous venez de sélectionner.
Tout d'abord, cliquez sur l'icône plus (+) pour ajouter un nouveau bloc.
Recherchez "Twitter Feed" pour trouver le bloc Twitter Feed Pro dans la barre de recherche en haut de la page.
Dans les résultats de la recherche, cliquez sur le bloc Fil Twitter pour l'ajouter à la page.
C'est ainsi que les résultats de votre recherche sur Twitter seront ajoutés à cette page WordPress.
La méthode des widgets est également assez similaire. Vous pouvez ajouter le bloc Twitter Feed où vous le souhaitez dans votre barre latérale ou votre pied de page, et le plugin s'occupe du reste.
Une fois la page mise à jour, ouvrez-la pour voir à quoi ressemblent vos nouveaux résultats de recherche Twitter.
Et c'est tout !
Vous avez appris avec succès comment intégrer les résultats de recherche Twitter en direct sur votre site Web WordPress de manière simple en utilisant Twitter Feed Pro.
N'oubliez pas de surveiller Twitter pour trouver des termes de recherche plus appropriés à afficher sur votre site web.
De plus, vous pouvez utiliser le plugin pour intégrer d'autres types de flux Twitter afin d'augmenter votre engagement et de renforcer votre présence sur Twitter.
Prêt à intégrer du contenu Twitter ? Téléchargez Twitter Feed Pro dès aujourd'hui!
Pour une approche complète de l'intégration des médias sociaux, consultez notre liste des meilleurs exemples de murs de médias sociaux pour votre site web.
