A Hashtag button is a special type of Tweet button to encourage participation in a conversation grouped by keyword. Read more about hashtags on Twitter.

How to add a Hashtag Button to your website

1. Create a new anchor element with a twitter-hashtag-button class to allow the Twitter for Websites JavaScript to discover the element and enhance the link into a Hashtag button. Set a href attribute value of https://twitter.com/intent/tweet to create a link to the Twitter web intent composer.

      <a class="twitter-hashtag-button"
  href="https://twitter.com/intent/tweet">
Tweet</a>
    

2. Add your hashtag of interest as a button_hashtag query parameter value and a component of the anchor element’s inner text.

      <a class="twitter-hashtag-button"
  href="https://twitter.com/intent/tweet?button_hashtag=TwitterStories">
Tweet #TwitterStories</a>
    

 

3. Asynchronously load the Twitter for Websites JavaScript using our loading snippet. The JavaScript snippet will check for an existing version on the page, initialize a function queue to be executed once the widgets JavaScript has loaded, and load the widgets JavaScript asynchronously from Twitter’s CDN.

Define secondary hashtags

Include additional hashtags in pre-populated Tweet text using the hashtags web intent query parameter. A hashtag defined in the button_hashtag parameter and displayed in the button will appear before hashtags defined in the hashtags parameter.

JavaScript factory function

Twitter’s widget JavaScript library supports dynamic insertion of a hashtag button using the twttr.widgets.createHashtagButton function. Pass a hashtag, target container element, and the same options supported by the Tweet button JavaScript factory function

      twttr.widgets.createHashtagButton(
  "TwitterStories",
  document.getElementById("container"),
  {
    size:"large"
  }
);
    
Was this document helpful?
Thank you

Thank you for the feedback. We’re really glad we could help!

Thank you for the feedback. How could we improve this document?
Thank you for the feedback. Your comments will help us improve our documents in the future.