Détails et personnalisation du bouton de suivi Twitter

Intégration X le contenu de votre site Web offre plusieurs avantages clés. Il intègre de manière transparente le contenu engageant, interactif et en temps réel de la plateforme X dans votre site. Les publications et chronologies X intégrées améliorent vos articles avec un contenu riche et visuellement attrayant directement à partir de la source, offrant ainsi un moyen rapide de vérifier les informations.

L’intégration de la fonctionnalité X via des boutons intégrés encourage les lecteurs à interagir avec votre contenu en partageant des liens, en suivant des comptes, etc., élargissant ainsi votre portée. De plus, en publiant votre contenu dans le AMP format, vous pouvez optimiser la façon dont vos articles apparaissent et fonctionnent lorsqu’ils sont partagés sur les applications mobiles de X, garantissant ainsi une meilleure expérience utilisateur pour les visiteurs mobiles.

Intégrer un flux Twitter ou un bouton Suivre

Ces fonctionnalités intégrables sont connues sous le nom de XWidgets et permettre aux propriétaires de sites Web d’intégrer diverses fonctionnalités X dans leurs sites. Grâce aux X Widgets, les sites Web peuvent créer une expérience plus engageante et interactive pour leurs visiteurs, favorisant ainsi un lien plus fort entre leur marque et leur présence X. Plusieurs options existent pour publier des tweets, des chronologies et des boutons de suivi sur un site Web à l’aide de la bibliothèque JavaScript des widgets Twitter. Voici un aperçu des principales options :

X Bouton Suivre

<a href="https://twitter.com/martech_zone" class="twitter-follow-button" data-size="large" data-show-count="true">Follow @x</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

Bouton de mention X

<a href="https://twitter.com/intent/tweet?screen_name=martech_zone" class="twitter-mention-button" data-show-count="false">Tweet to @x</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

Publier sur X

<a href="https://twitter.com/intent/tweet?text=Find%20out%20all%20the%20ways%20that%20you%20can%20embed%20X%20on%20your%20site%20%23martech&via=martech_zone" class="twitter-hashtag-button" data-show-count="false">Tweet</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

Flux de chronologie X

<a class="twitter-timeline" href="https://twitter.com/martech_zone" data-height="300">Tweets by Martech Zone</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

Options additionelles:

• createTimeline: Crée une chronologie intégrée.
  • sourceType: Le type de chronologie (par exemple, profile, likes, list, collection, url).
  • screenName: Le nom d’écran de l’utilisateur pour une chronologie de profil.
  • userId: ID utilisateur pour une chronologie de profil.
  • favoritesScreenName: le nom d’écran de l’utilisateur dont les likes sont affichés dans une chronologie des likes.
  • favoritesUserId: L’ID utilisateur pour une chronologie de likes.
  • listSlug: Le slug de liste pour une chronologie de liste.
  • listOwnerId: ID utilisateur du propriétaire de la liste pour une chronologie de liste.
  • url: L’URL d’une collection ou d’une chronologie personnalisée.
• Options courantes pour les délais :
  • data-height: La hauteur de la timeline en pixels. Contrôle indirectement le nombre de tweets affichés.
  • data-theme: Le thème de couleur de la timeline (par exemple, « clair », « sombre »).
  • data-chrome: Personnalise la conception de la chronologie. Accepte une liste de valeurs séparées par des espaces : « noheader », « nofooter », « noborders », « noscrollbar », « transparent ».
  • data-border-color: La couleur des bordures dans la timeline. Accepte une valeur de couleur hexadécimale.
  • data-aria-polite: Ajoute l’attribut aria-polite pour une accessibilité améliorée. Accepte les valeurs « poli » ou « assertif ».
  • data-tweet-limit: Obsolète. Était auparavant utilisé pour limiter le nombre de tweets affichés.
  • data-width: La largeur de la timeline en pixels. Accepte un numéro ou « auto ».
  • data-link-color: La couleur des liens dans la timeline. Accepte une valeur de couleur hexadécimale.
  • data-lang: La langue de la chronologie intégrée. Accepte un code de langue à deux lettres (par exemple, « en », « es »).

Capacités supplémentaires du widget X

Voici quelques options dans les widgets ainsi que d’autres que vous souhaiterez peut-être intégrer.

X Bouton Partager

Le bouton X Share est une fonctionnalité intégrable qui permet aux visiteurs du site Web de partager facilement une page Web ou un élément de contenu spécifique sur leurs profils X. Lorsque vous cliquez dessus, le bouton ouvre une nouvelle fenêtre avec un compositeur de publication X pré-rempli, qui comprend un lien vers le contenu partagé. Les propriétaires de sites Web peuvent personnaliser l’apparence du bouton de partage pour qu’il corresponde à la conception de leur site, ce qui en fait une partie intégrante de l’expérience utilisateur.

• createShareButton: Crée un bouton tweet pour partager une URL spécifique.
  • url: L’URL à partager.
  • type: Doit être configuré pour partager.
• createTweetEmbed: Crée un tweet intégré.
  • tweetId: L’ID du tweet à intégrer.
• Options courantes pour les boutons de tweet et les intégrations :
  • hideCard: Masque la carte d’aperçu du lien (vrai/faux).
  • hideThread: Masque le fil de conversation (vrai/faux).

X Bouton Suivre :

• createFollowButton: Crée un bouton de suivi pour un utilisateur de Twitter.
  • screenName: Le nom d’écran de l’utilisateur à suivre.

Moment X

Les X Moments sont des collections organisées de publications X, d’images, de vidéos et d’autres contenus liés à un sujet ou un événement spécifique. La fonctionnalité d’intégration de X Moment permet aux propriétaires de sites Web de présenter ces collections sélectionnées directement sur leurs sites, offrant ainsi aux visiteurs une manière plus immersive et plus attrayante d’explorer le contenu X. Embedded X Moments peut être personnalisé pour correspondre à la conception et à la mise en page du site Web, garantissant ainsi une intégration transparente avec l’esthétique globale du site.

• createMoment: Crée un moment Twitter intégré.
  • momentId: L’ID du Moment Twitter à intégrer.

Bouton X Periscope On Air

Periscope est une plate-forme de streaming vidéo en direct acquise par X en 2015. La fonctionnalité On Air permet aux utilisateurs de X de partager des diffusions Periscope en direct directement sur leurs timelines X. Les propriétaires de sites Web peuvent intégrer des flux Periscope en direct ou des diffusions archivées sur leurs sites à l’aide de la fonction d’intégration Periscope, permettant aux visiteurs de regarder du contenu vidéo en direct ou enregistré sans quitter le site Web. Cette intégration entre X et Periscope contribue à créer une expérience plus engageante et interactive pour les utilisateurs des deux plateformes.

• createPeriscopeOnAirButton: Crée un bouton Periscope On Air.
  • username: Le nom d’utilisateur Periscope vers lequel créer un lien.

Bouton hashtag X

Le bouton X Hashtag est une fonctionnalité intégrable qui permet aux visiteurs du site Web d’explorer ou de contribuer facilement à une conversation de hashtag spécifique sur X. Lorsque vous cliquez dessus, le bouton ouvre une nouvelle fenêtre affichant les résultats de recherche X pour le hashtag associé. Les propriétaires de sites Web peuvent utiliser cette fonctionnalité pour encourager les visiteurs à participer à des discussions de hashtag pertinentes, augmentant ainsi la visibilité et l’interaction autour de sujets ou de campagnes spécifiques sur la plateforme X.

• createHashtagButton: Crée un bouton hashtag.
  • hashtag: Le hashtag vers lequel créer un lien.
  • type: Doit être réglé sur hashtag.

Bouton de mention X

• createMentionButton: Crée un bouton de mention.
  • screenName: Le nom d’écran de l’utilisateur à mentionner.
  • type: Doit être réglé sur mention.

Voici les principales options disponibles pour chaque type de widget. Lors de la création de widgets à l’aide des fonctions respectives, vous pouvez personnaliser leur apparence et leur comportement à l’aide des options fournies.

Pour utiliser ces widgets, incluez la bibliothèque JavaScript des widgets Twitter sur votre page Web, puis appelez la fonction souhaitée avec les options appropriées pour créer et afficher le widget.