Follow Button¶
The Follow button is a small button displayed on your websites to help users easily follow a Twitter account. A Follow button consists of two parts: a link to a follow web intent page on Twitter.com and the Twitter for Websites JavaScript to transform the link into our recognizable Follow button.
User interaction flow¶
Selecting the Follow button will pop open a new window for the user, displaying a follow action.
The viewer may click on the follow action displayed alongside the profile summary to follow Tweets from the account.
A follow
event is triggered on your webpage when a user clicks the button.
How to add a Follow button to your website¶
The publish.twitter.com website includes a simple tool to generate the embed for a follow button to copy-and-paste into your website template. Just enter a @screenName to get started.
Manually¶
1. Create an anchor element with a twitter-follow-button
class name. Set the href
attribute value pointing to a Twitter profile URL.
<a class="twitter-follow-button"
href="https://twitter.com/TwitterDev">
Follow @TwitterDev</a>
2. Customize Follow button parameters using data-* attributes.
<a class="twitter-follow-button"
href="https://twitter.com/TwitterDev"
data-size="large">
Follow @TwitterDev</a>
3. Asynchronously load the Twitter for Websites JavaScript using our loading snippet. The script will initialize the Follow button after your page content loads.
Button customization¶
Hide followers count¶
Hide the number of Twitter accounts following the specified account by setting a data-show-count
attribute value of false
.
Default
Show count false
Hide username¶
Hide the username from the displayed Follow button by setting a data-show-screen-name
attribute value of false
.
Default
Show screen name false
Large button style¶
Add a data-size
attribute value of large
to display a larger Follow button.
Default
Large