How To Put a Tweet Button On Your Website

  • follow us in feedly
Published February 8, 2013 by Brad Knutson
Tweet Button

Tweet buttons allow visitors to quickly share your posts via Twitter at the click of a button. The added bonus is the option to add the counter on top to keep track of how many times your page has been Tweeted.

You can customize your own button on Twitter’s developer page for the Tweet button:

The Tweet button I use on this site includes the page title, the URL to the page, and my Twitter handle.

Insert the following code wherever you want your button to show up. Replace the data-via="Bradsknutson" with your Twitter handle (make sure you remove the @). If you don’t want the counter, remove data-count="vertical". Many more customization options are available on Twitter’s developer page.

The Result

Note for web developers: It seems as though the counter can only be in the “vertical” position if you use the default button. I tried using the settings data-size="large" data-count="vertical" and it did not seem to work with the large button. Something to consider.

The following two tabs change content below.
Founder at Inbounderish
Brad Knutson is a Web Developer in the Twin Cities area of Minnesota. He has experience working with WordPress and Drupal, and also has an interest in SEO and Inbound Marketing.

Keep Up-to-Date



See a complete list of topics discussed in blog posts here.

Check These Out

Get 2 Weeks Free! Sign Up Today! Premium Managed WordPress Hosting Genesis Framework for WordPress SEO is complex. Tools should be simple. Thesis Theme for WordPress:  Options Galore and a Helpful Support Community

Share Your Thoughts

Your email address will not be shown.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">