This guide will show you how to add sharing buttons to your blog posts to give your readers the ability to easily share your content with Twitter, Facebook, and a host of other services, to help your message spread across the web.
Jetpack Sharing gives readers the tools to post your content to their networks from the bottom of each post and/or page. You can add this to your site in four short steps!
- Navigate to Settings –> Sharing in your site’s dashboard.
- Under Sharing Buttons, drag and drop the services you want to use into the Enabled Services area.
- Choose your preferred button style and where you would like the buttons to appear.
- Save!
Need more details? Then read on!
Adding to your Sharing Enabled Services is as simple as dragging the button from the Available Services area.You can configure services to appear as icons, text, or both.
Some services have an additional option letting you display ‘Official’ buttons that show the number of times the post has been shared in real time. Just choose your display option and drag the services you want displayed to the ‘Enable’ box.
The following services are currently supported:
- Tumblr
- Google+
- Skype
- Press This (only available on sites that are part of a multisite network)
- Telegram
How can I move where the sharing icons are displayed?
By default, the sharing icons will display right at the bottom of your post’s content. Sometimes, you might want to move it elsewhere on your post, such as right before the content. Take a look at this tutorial for for help on how to do that.
How do I create my own custom sharing button?
If you would like to add a sharing service to your blog that is not available in the standard set, you can add it using the Add a new service link in the Available Services section.
You will need to enter:
- Service name
- Sharing URL
- Icon URL
The Service name is the name you would like to use for the sharing service. It will appear in the link to the service and in the blog sharing stats, i.e. Buzz.
The Sharing URL is the URL address to the sharing service. You can use the variables %post_title%
, %post_url%
(short URL), %post_full_url%
and %post_excerpt%
in the URL, i.e. http://www.google.com/buzz/post?url=%post_url%
The Icon URL is the URL address to the icon image you wish to use for this service, i.e. http://www.someserver.com/images/buzz.png
Save the service and the new service will appear in the Available Services section.
As you customize the sharing services, you can see how they are ordered in the Live Preview section.
How do I add a Captcha to the Email sharing button
The Email button is great, and you can make it even better by adding a Captcha to the submission form:
To add the Captcha to your site, follow the steps in this tutorial.
How do I use my own resources instead of Jetpack’s default sharing CSS and JS files
The sharing module includes an “advanced” option, allowing you to use your own Javascript and CSS files instead of the files added by Jetpack by default. This tutorial will help you make use of this option.
How do I add “via @username” to the tweets sent via the twitter button
There are 2 options to add your Twitter account to the end of each tweet:
- You can fill in the “Twitter Site Tag” option in Settings –> Sharing.
- If you use the Publicize module and connected a Twitter account, this account will be used in the Twitter sharing button.
I don’t see sharing counts for Twitter anymore!
That’s correct. Due to Twitter removing support for third party sharing counts, we removed the option from our Twitter sharing buttons (Icon Only, Text Only, and Icon + Text) effective in Jetpack 3.8. Twitter will drop support for this feature in November 2015, so even older versions of Jetpack and the Official sharing buttons will also be affected.