The publish.twitter.com website provides a simple, form-based approach to generate HTML markup for a Tweet button you may copy-and-paste into your website template.
Twitter may suggest accounts to follow after the author has successfully posted a Tweet. These displayed accounts are influenced by the
related web intent parameters.
A tweet event is triggered on your webpage when the Tweet button is tapped or clicked.
How to add a Tweet button to your website
<a class="twitter-share-button" href="https://twitter.com/intent/tweet"> Tweet</a>
2. Pre-populate Tweet text and suggest related accounts by customizing Tweet web intent query parameters.
<a class="twitter-share-button" href="https://twitter.com/intent/tweet?text=Hello%20world"> Tweet</a>
3. Customize Tweet button parameters using data-* attributes.
<a class="twitter-share-button" href="https://twitter.com/intent/tweet?text=Hello%20world" data-size="large"> Tweet</a>
Tweet text components
A text parameter appears pre-selected in a Tweet composer. The Tweet author may easily remove the text with a single delete action.
The text parameter may be auto-populated from the webpage’s <title> element if not explicitly set.
<link rel="canonical" href="/web/tweet-button">
Add a comma-separated list of hashtags to a Tweet using the hashtags parameter. Omit a preceding “#” from each hashtag; the Tweet composer will automatically add the proper space-separated hashtag by language.
Attribute the source of a Tweet to a Twitter username using the via parameter. The attribution will appear in a Tweet as ” via @username” translated into the language of the Tweet author.
A via parameter may be auto-populated from a link or anchor element linked to a Twitter profile page with a me relationship token.
<link rel="me" href="https://twitter.com/twitterdev" >
Add a data-size attribute value of large to display a larger Tweet button.