Embedding X content material in your web site gives a number of key advantages. It seamlessly integrates partaking, interactive, real-time content material from the X platform into your web site. Embedded X posts and timelines improve your articles with wealthy, visually interesting content material straight from the supply, offering a fast method to confirm data.
Incorporating X performance by embedded buttons encourages readers to have interaction together with your content material by sharing hyperlinks, following accounts, and extra, finally increasing your attain. Furthermore, by publishing your content material within the AMP format, you possibly can optimize how your articles seem and carry out when shared on X’s cellular apps, making certain a greater person expertise for cellular guests.
Embed a Twitter Stream or Observe Button
These embeddable options are often called X Widgets and permit web site homeowners to combine varied X functionalities into their websites. Utilizing X Widgets, web sites can create a extra partaking and interactive expertise for his or her guests, fostering a stronger connection between their model and their X presence. A number of choices exist for publishing tweets, timelines, and observe buttons on a web site utilizing the Twitter widgets JavaScript library. Right here’s a breakdown of the principle choices:
X Observe Button
The X Observe Button is a straightforward widget that may be embedded on any web site, permitting guests to shortly observe a selected X account with out leaving the positioning. When clicked, the button redirects the person to the related X profile web page, the place they will verify the observe motion. This function helps content material creators and types develop their X viewers by making it straightforward for his or her web site guests to attach with them on the platform.
<a href="https://twitter.com/martech_zone" class="twitter-follow-button" data-size="giant" data-show-count="true">Observe @x</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>X Point out Button
The X Point out Button is an embedded function that allows web site guests to simply compose a brand new X put up that mentions a selected X account. When clicked, the button opens a brand new window with a pre-populated X put up composer, together with the talked about account’s deal with. This function encourages customers to have interaction with manufacturers or people on X straight from their web sites, rising interactions and visibility on the platform.
<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>Submit to X
The Submit to X function permits web site homeowners to create customized share buttons that, when clicked, open a pre-populated X put up composer with particular textual content, hashtags, or media. This function is beneficial for selling particular content material, campaigns, or merchandise on X, because it streamlines the sharing course of for customers and ensures that the shared content material aligns with the web site proprietor’s intentions. Simply make sure to URL encode your message.
<a href="https://twitter.com/intent/tweet?textual content=Findpercent20outpercent20allpercent20thepercent20wayspercent20thatpercent20youpercent20canpercent20embedpercent20Xpercent20onpercent20yourpercent20sitepercent20percent23martech&through=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>X Timeline Feed
The X Timeline Feed is an embeddable widget that shows a reside feed of X posts from a selected account, hashtag, or listing. Web site homeowners can customise the looks and performance of the feed, such because the variety of posts displayed, the format, and the inclusion of media or replies. This function permits web sites to showcase related X content material straight on their pages, offering guests with up-to-date data and inspiring engagement with the related X accounts or matters.
<a category="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>Further Choices:
createTimeline: Creates an embedded timeline.sourceType: The kind of timeline (e.g.,profile,likes,listing,assortment,url).screenName: The display identify of the person for a profile timeline.userId: The person ID for a profile timeline.favoritesScreenName: The display identify of the person whose likes are proven in a likes timeline.favoritesUserId: The person ID for a likes timeline.listSlug: The listing slug for a listing timeline.listOwnerId: The person ID of the listing proprietor for a listing timeline.url: The URL of a group or customized timeline.
- Widespread choices for timelines:
data-height: The peak of the timeline in pixels. Not directly controls the variety of tweets displayed.data-theme: The colour theme of the timeline (e.g., “mild”, “darkish”).data-chrome: Customizes the design of the timeline. Accepts a space-separated listing of values: “noheader”, “nofooter”, “noborders”, “noscrollbar”, “clear”.data-border-color: The colour of the borders within the timeline. Accepts a hexadecimal colour worth.data-aria-polite: Provides aria-polite attribute for improved accessibility. Accepts values “well mannered” or “assertive”.data-tweet-limit: Deprecated. Was beforehand used to restrict the variety of tweets displayed.data-width: The width of the timeline in pixels. Accepts a quantity or “auto”.data-link-color: The colour of hyperlinks within the timeline. Accepts a hexadecimal colour worth.data-lang: The language of the embedded timeline. Accepts a two-letter language code (e.g., “en”, “es”).
Further X Widget Capabilities
Listed here are some choices inside widgets in addition to some others you could wish to incorporate.
X Share Button
The X Share Button is an embeddable function that permits web site guests to simply share a selected webpage or piece of content material on their X profiles. When clicked, the button opens a brand new window with a pre-populated X put up composer, which features a hyperlink to the shared content material. Web site homeowners can customise the looks of the share button to match their web site’s design, making it a seamless a part of the person expertise.
createShareButton: Creates a tweet button to share a selected URL.url: The URL to share.sort: Should be set to share.
createTweetEmbed: Creates an embedded tweet.tweetId: The ID of the tweet to embed.
- Widespread choices for tweet buttons and embeds:
hideCard: Hides the hyperlink preview card (true/false).hideThread: Hides the dialog thread (true/false).
X Observe Button:
createFollowButton: Creates a observe button for a Twitter person.screenName: The display identify of the person to observe.
X Second
X Moments are curated collections of X posts, photos, movies, and different content material associated to a selected subject or occasion. The X Second embed function permits web site homeowners to showcase these curated collections straight on their websites, offering guests with a extra immersive and interesting method to discover X content material. Embedded X Moments may be custom-made to match the web site’s design and format, making certain a seamless integration with the positioning’s general aesthetic.
createMoment: Creates an embedded Twitter Second.momentId: The ID of the Twitter Second to embed.
X Periscope On Air Button
Periscope is a reside video streaming platform that was acquired by X in 2015. The On Air function permits X customers to share reside Periscope broadcasts straight on their X timelines. Web site homeowners can embed reside Periscope streams or archived broadcasts on their websites utilizing the Periscope embed function, enabling guests to observe reside or recorded video content material with out leaving the web site. This integration between X and Periscope helps create a extra partaking and interactive expertise for customers throughout each platforms.
createPeriscopeOnAirButton: Creates a Periscope On Air button.username: The Periscope username to hyperlink to.
X Hashtag Button
The X Hashtag Button is an embeddable function that permits web site guests to simply discover or contribute to a selected hashtag dialog on X. When clicked, the button opens a brand new window displaying the X search outcomes for the related hashtag. Web site homeowners can use this function to encourage guests to have interaction with related hashtag discussions, rising visibility and interplay round particular matters or campaigns on the X platform.
createHashtagButton: Creates a hashtag button.hashtag: The hashtag to hyperlink to.sort: Should be set tohashtag.
X Point out Button
createMentionButton: Creates a point out button.screenName: The display identify of the person to say.sort: Should be set topoint out.
These are the principle choices obtainable for every sort of widget. When creating widgets utilizing the respective capabilities, you possibly can customise their look and conduct utilizing the supplied choices.
To make use of these widgets, embody the Twitter widgets JavaScript library in your internet web page after which name the specified perform with the suitable choices to create and render the widget.
