Join Over

75k+ Subscribers

Get the Best Content Marketing Blogs Right in Your Inbox

No thanks, I don't like receiving awesome emails.

Plan, Create, Publish & Share

Your Outstanding Content Easier Than Ever with CoSchedule!

Save About 1 Hour Per Blog Post

Get Up To 75% More Traffic

Publish About 48% More Content

14-day risk free trial. No credit card required.

No thanks, my blog is already awesome.

What Is The Best Placement For Successful Social Media Buttons?

social media buttons

Have you ever wondered where the best place to put social media buttons on your blog is?

If so, you’re not alone.

Back when we first added social sharing analytics to CoSchedule over a year ago, I wondered the same thing. There are so many small tweaks that you can make to your blog layout that’ll improve conversions and reader experience. Surely, I thought, there has to be a set of best practices for social media buttons as well.

I set out to find all the data on which best influences social sharing on our blog. What I found may actually surprise you. Are you ready to see how you can improve social media sharing on your on blog? If so, read on!

Why Worry About Social Media Buttons?

This is a common question, and the answer is a bit more complicated than it might seem at first.

In 2016, social media is as important as ever. However, there is still some debate whether or not social media buttons drive clicks. Part of the reason for that discussion likely derives from how many blogs and sites implement social media buttons ineffectively. It’s not entirely fair to judge a design decision that isn’t set up for success, but we also don’t want to make decisions that can’t be supported by accurate data.

That’s why it’s important to make sure you get the design and placement of your buttons correct. It’s not enough that your buttons simply look good, or that they are just present somewhere on your pages. They need to be placed where they’re going to catch your readers attention and make it easy to share your awesome content with their followers.

So Many Options, So Many Opinions

By now, you’ve probably gathered that there’s a lot of chatter about this topic. A quick Google search reveals this discussion at Stack Exchange, which considers whether social media buttons should be placed at the beginning or end of a blog post. Despite all of the discussion, there is little evidence to back those ideas up. Even this conversation over at Moz.com fails to provide solid evidence on the subject.

It seems like we may be just guessing. Can’t we do better than that?

To start digging, I looked at what some of the most common options are. I started with the question, “Where do some of the biggest sites on the web place their social media buttons?”

The answer?

Everywhere!

social media buttons

Popular Placement Options For Social Media Buttons:

Top of post – Do users share before they actually read the article? This is one of the most common placement options frequently used by sites like TechCrunch and Mashable.

Left of post – Placing social buttons to the left of the blog post makes a lot of sense, as readers follow text left to right. This is the placement that we use here at CoSchedule.

Right of post – This one surprised me, but it is out there. Social Media Examiner is a good example of a site with this placement.

Bottom of post – Placing social media buttons at the bottom of the post was very common, and the only place you will find social buttons on Seth Godin’s blog. Is he missing out on possible shares because of this placement?

In-line of post – A growing trend is to actually  place shareable content inline with the rest of your content. We do this regularly on our blog using our Click To Tweet plugin.

No social buttons at all – This is a surprising and growing trend heralded by sites like the Signal v. Noise blog by Basecamp. Are they hurting their chances for viral success? We’ll look into this in a minute, but for now, that’s the playing field.

social media buttons

The question still lingers—where do these sharing buttons perform the best? The answer is, admittedly, a bit hard to find (which may be why so many sites place them so seemingly haphazardly) but there are certainly some big data points that we can examine to reach a conclusion.

Data Point #1: Prominence Matters More Than Placement

Popular social sharing tool AddThis provides some excellent insight on this topic.  Their advice to users is as follows:

  • Pick a prominent position: The more visible the button is the more people will bookmark and share your content, which will lead more traffic back to your site.
  • Keep your button near the top of the page: Avoid making your readers scroll to find your sharing button. It is okay to have the button at the top and bottom of the page, but users will find it easier at the top.
  • Place the button in close proximity to the content being shared: This helps readers understand what they are sharing.
  • Watch out for navigation: Be careful about placing the button too close to navigation, so users don’t interact with it by accident.

From these tips, we can easily conclude that prominence matters more than placement when it comes to social media buttons.

With the wrong placement, readers can easily mistake social buttons as ads or other navigation. This will likely result in lower usage for the buttons. Reading through the lines, we can also see that AddThis advocates keeping social media buttons near the top-left side of the page—a conclusion that is supported by other sources.

Data Point #2: Users Interact With The Top Left Side The Most

According to usability icon Jacob Nielson and a study that he conducted in 2006, eyetracking visualizations show that users often read Web pages in an F-shaped pattern: two horizontal stripes followed by a vertical stripe.

How people view websites - heat map

Readers view your page in an F-style pattern. Keep this in mind when placing social media buttons.

The top left portion is the most-viewed part of the web page.  More eyes go there than anywhere else. This supports the idea that left and top are best choices for social share buttons, as indicated by AddThis.

Data Point #3: Too Many Social Buttons Will Make Things Worse

Doug Antkowiak makes a great point about social media buttons on the Search Engine Journal blog. He points out that too many social buttons may negatively impact the speed of your website. This is a big red flag, as site speed has been clearly linked to better readership and SEO performance.

The most valuable conclusion that we can draw from this is that we should limit the number of social media buttons that we display to as few as possible. The risks of slowing down our site just isn’t worth it. Social media buttons provide one of those situations where more is not necessarily better.

The data here continues:

social media buttons

After polling 50 of the most popular websites in the world, Webaholic.co.in found that Facebook and Twitter were easily the most-used social media buttons on the web with Linkedin and Google+ also showing strong results. They concluded that the utility of each of those networks fluctuated quite a bit depending on the audience type for each site.

social media buttons

This evidence is backed up by TrackMaven’s more polarizing conclusion after examining nearly 2 billion social shares.

Their data concluded that the vast majority of social shares take place on the top two social networks (Twitter and Facebook).

Clearly, we don’t need to include all networks to make a good use of social media buttons. In this report, TrackMaven reveals that 38.6% of social shares were on Twitter. Facebook “likes” and “shares” accommodated for another 60.3%.

Data Point #4: Under-Used Social Buttons Provide Negative Social Proof

Social proof is a psychological phenomenon where people use the actions of others to guide their own behavior. In essence, it’s the psychological term for “monkey see monkey do.” As one of our own writers, Julie once pointed out:

“Social proof is a shortcut in the thought process. We don’t have to think. The others already did (we assume).”

The reality is that social proof plays a big role in social sharing and can make a big impact on the success of social media buttons.

social sharing button

Negative social proof diminishes the value of the social sharing button.

In a now classic A/B test, Taloon.com  (a Finland-based hardware eCommerce store) found that social media buttons were actually hurting their conversion rates.

When they removed the social media buttons from their page, they recorded an 11.9% increase in CTA clickthroughs as compared to the original page. If the results surprise you, you can read more here, but social proof gives us a clear answer for this result.

Because very few people actually “like” product pages, the near zero results on social media buttons were actually providing negative social proof—preventing users from purchasing what they were perceiving as an unpopular product. As Chris Coyer points out on his CSS-Tricks blog, “low numbers can look embarrassing.”

Data Point #5: Social Sharing Buttons Can Bring Traffic

In one of the more complete (but not scientific) studies on the value of social sharing buttons, blogger Joshua Benton concludes that many news organizations receive 20% of their Twitter traffic from Tweet buttons available on their page. That’s actually a pretty big deal!

social media buttons

For example, 16.3 percent of tweets to the New York Times in his tests actually came from a Twitter social media button on the site itself. For the Wall Street Journal, the share rate was more like 20.2 percent. Not bad, huh? Social media buttons can help traffic after all.

One point to keep in mind, however, is that Twitter recently removed the ability for social sharing buttons to display their sharing stats for that platform. So, while the presence of a button to tweet an article may help boost shares, publishers have lost the benefit of positive social proof that comes from having a stat counter.

That makes it tougher to see how many times your posts are getting tweeted, but if you have some technical skills, Google has a partial solution using Google Analytics. It won’t let you display within your social sharing widget how may times a post was shared on Twitter, but it can at least help you know for yourself if readers are clicking your Twitter button.

Data Point #6: Negative Sentiment Against Social Sharing Buttons Is Gaining Momentum, But Why?

Despite the results from the New York Times and The Wall Street Journal, not all publications have seen the same success.

UK blog Inside GOV.UK reported a paltry 0.2% increase in shares after adding social media buttons to their site. While buttons being placed at the bottom of the page couldn’t have helped, their results are in line with conclusions developed by Luke Wroblewski, who felt that only 0.25% of Tweets were actually attributable to a social media button after analyzing more than 18 million page views.

Others, like Signal v. Noise just prefer the way their site looks and loads without them and believes that if someone wants to share their content, they will find a way. To each their own, of course, but there is definitely some truth in the matter.

Just a quick survey around the office concludes that most social sharing takes place outside of the article itself, and can be attributed to a variety of other tools. A few examples of this include:

  • Buffer Chrome Extensions
  • Other Social Browser Extensions
  • Feedly, FlipBook, and Other RSS/Content Readers
  • Mobile browsers
  • Pocket
  • And more than we can list

Conclusion: Where Is The Best Place To Put Social Media Buttons On My Blog?

The opinions about social sharing buttons are wide, but often not particularly deep.

Reality is, that it just depends on your own blog and audience type. But, being the adventurous sort that I am, I think that we can easily answer this question (at least to find what’s true in most cases). And the winner is…

social media buttons

Because most websites load content on the left side of the page, and based on how people typically look through a site, it’s easy to see that the most noticeable place for this type of activity is in the top-left portion of the page. This requires a few follow up points:

  • Social media buttons do work, and you probably want to use them. (See data point #5)
  • Great content is still the key to social sharing. Most users WILL find a way to share your content if they want to. (See data point #6)
  • If you’re going to use social sharing buttons, the top/left side of the page seems to do the best. (See data point #1 and #2)
  • You should definitely limit the networks you include when using social media buttons. (See data point #3)
  • Facebook and Twitter will provide the most shares, but make this decision based on your individual audience. For example, Google+ has good traction for many blogs. (See data point #3)
  • Social proof can be a major hazard. If your blog gets a few shares, you might be doing more harm than good with your social button. Consider a sharing widget that takes social proof into account like this one(See data point #4)

We’re sure you have some thoughts of your own on this topic, and we’d love to hear them. Sound off in the comments below.


Written By Garrett Moon

CoSchedule Co-Founder, blogger, designer, content hacker and serial starter. Also, a firm believer in the do what you love, love what you do philosophy.

Follow on Twitter Follow on Google+


Social Media + Editorial Calendar For Your Blog

  • http://www.hijos-del-atomo.com/ Christian Orellana

    Excellent tips. I guess the takeaway message is: test! Try different configurations, keep the one that gives the best result for your audience.

    Thanks for the tips!

    • http://todaymade.com/blog Garrett Moon

      Testing is good, although it would be hard to get good data on that unless you make custom buttons of some sort. Totally possible, just a little more work. I think for most people, focusing on the left or top of the page is a good takeaway.

      Thanks for reading!

  • Sara

    I love the idea to put the social buttons where you’ve concluded is the best spot but one of my readers reached out and said it hovered over my posts on her mobile phone, which is where she always reads my blog! Since a lot of my readers are mobile I decided to take the social buttons from that location down. PS: I LOVE this blog – great content!

    • http://todaymade.com/blog Garrett Moon

      Thanks for the comment Sara. Really happy to hear you are enjoying the blog :)

  • http://www.unveiltheweb.com/ UnveiltheWeb

    Hi Garrett,

    This is my first time to the site, and I have to say it was an real treat!

    I knew having social buttons at the bottom was important so that readers could share after they read an article that they were impressed with our just wanted to share for any reason.

    However, I never thought of putting them into the top left corner and would not have until I saw the heat map above. That absolutely convinced me that I had to do it.

    So, I jumped immediately into action and added the smaller thumbnail icons to social sites. I get massive engagement on my articles and shares at the bottom, but if I can get more social shares by having it at the top I don’t want be foolish and possibly miss out.

    In regards to the sites you mentioned that are not using social buttons on their site, if they don’t want them that’s their choice. It makes it harder for me to copy/paste and share and I most likely will not. I did look at Signal v Noise’s site and I have to say that it’s so boring and uneventful I found that to be a distraction and kept me from wanting to read the articles. Perhaps it works well for their target audience and I’m just not in that audience grouping.

    Anyway, your article was so well written that I will be sharing it on my social media sites and I will be including it on my blog on Saturday when I do my “Saturday Review.”

    Looking forward to more great content form you!

    Sincerely,
    Don

    • http://coschedule.com/blog Garrett Moon

      Wonderful, thank you Don! I am so glad to hear that you enjoyed the blog and our content. Also, I am glad you were able to apply some of the data to your site right away! I hope it helps.

      • http://www.unveiltheweb.com/ UnveiltheWeb

        Hi Garrett,

        I jumped right over to my sight and made the change immediately. Glad I did!

        Thanks for commenting so quickly,
        Don

      • http://www.unveiltheweb.com/ UnveiltheWeb

        Hey Garrett, I loved the article so much I added you yesterday to my Saturday Rewind article with a highlight and link. If you’re interested, here is the link: http://www.unveiltheweb.com/articles/rewind-saturday-top-bloggers-week/

        • http://coschedule.com/blog Garrett Moon

          Wow, thanks!

  • http://www.carolamato.com/ Carol Amato

    Hello Garrett,

    Don Purdum sent me over from his Rewind Saturday post, and it’s my first time to your site as well. :)

    You’ll be glad to know that after reading your article, I switched my sharing buttons to the left side as opposed to top/bottom.

    The only thing that is negative for me is that it’s not “floating” and stays in one fixed position.

    It’s not a heavy plugin and doesn’t cause a lot of ‘requests’ to the server, so I like it, plus would not want to spend time searching for another ‘light’ social sharing plugin that will transfer all my existing numbers/shares over… Been there, done that, and didn’t like it. LOL

    Thanks for an action-prompting article! Will not share this post. :)

    Carol Amato

    • http://coschedule.com/blog Garrett Moon

      That’s great Carol! I hear you on the lightweight plugin. Site speed is a really important issue, so you have to keep things in balance with that. Good luck!

      • http://www.carolamato.com/ Carol Amato

        Update:

        Angela McCall alerted me to the fact that when she was viewing my blog post on her tablet that the social media buttons were in the middle, and unable to be turned off or moved, creating a very annoying experience.

        I checked my Google Analytics and I do, in fact, have a small group of readers using tablets, so I’ve decided to go back to my original configuration of top and bottom.

        Wanted to let you know. Thank you Garrett and Angela! :)

  • Angela McCall

    Hi Garrett,

    My first time here as well. I’ve seen your post thru Don Purdum, He’s the greatest salesman around here. LOL. Anyway, I read your post just now from my tablet. And your social sharing button doesn’t show on my tablet. I don’t see them on the side like that now. But it does shows on my iMac computer.

    The moment I read your post, I added another social sharing button on my top one. I already have it on the bottom but guess it needs another share buttons up there. I’m using AddThis social share buttons coz I tested this one…it works on computer, tablets, and iPhones. So many social share buttons out there that doesn’t work on tablets…I got tired telling people and so on my tablet, I don’t use their buttons but my OWN buttons built in the tablet already. Anyway, people need to know that they need responsive share buttons as well.

    Have a good day!

    Angela

    • http://coschedule.com/blog Garrett Moon

      Good points here Angela! I think one of the biggest problems is that the sharing experience on the tablet is terrible, even if there are sharing buttons present. Most networks don’t optimize their experience well for the tablet. In browser solutions also tend to leave a lot to desired too.

      Good thoughts, thanks for sharing them!

  • Trisha bruce

    Thanks for testing this out for us. I think I am on the right track.

  • Trisha bruce

    Thanks for testing this out for us. I think I am on the right track

  • Chris

    Share buttons have been getting some negative attention, but an extra share from an authority profile can be pretty valuable, so I hesitate to abandon them. What about follow buttons, like these: http://www.niftybuttons. Are those going the way of the dodo too? It seems like it can pretty valuable to let your audience know what social networks your company is active on.

  • lydiashahh

    Thanks for sharing a great points about social media button placement. Points noted, Useful blog. I will implement in my blog now.

  • http://creativesavingsblog.com/ kalynbrooke

    I might have missed it, but what social sharing plugin does CoSchedule use?

  • http://blog.responster.com Brandon Landis

    Thanks for the writeup! Time to go remove a couple extra social buttons from the blog… :D

    • Ben Sailer

      Hey, sometimes less is more, right? Glad to hear our advice is getting put to use.

  • Survival At Home

    Unless I’m seeing things wrong, Social Media Examiner’s sharing buttons are on the left. Those buttons on the right are their “Follow Us” buttons.

    • Ben Sailer

      You’re seeing things correctly. While the post has a heavy emphasis on social sharing, we didn’t want to leave out follow buttons completely (although they’re definitely not one and the same, and we could have dug deeper into the distinction between the two).

  • http://www.spinutech.com/blog/authors/Britt-Bischoff-A32 Britt

    Thanks for the post! Finally, something to help settle office arguments on social media buttons :)

    • Ben Sailer

      Haha! We’re always glad to help any way we can.

  • Dan Coggins

    Thanks for the link to the “non-embarrassing” social media plug-in.

  • http://www.mangodesign.com.au Carolyn Wilson

    Excellent overview of share button placement. It’s reassuring to know I got it right :)

    • Ben Sailer

      Some positive validation is nice every once in a while, right? Glad you found the post useful.

  • http://niksto.com/ Nikolay Stoyanov

    Thank you for the article Garrett. I haven’t thought about this issues. In a way, you opened my eyes. I always thought that it was enough just to put buttons and people will click on them (or not). As it turns out, there is much more to it than it meets the eye.

    • Ben Sailer

      Glad to hear this post got you thinking deeper about social media button placement. It’s definitely something that’s easy to overlook.

  • http://appmarketingboost.com/ Carl Ojerio

    This is great. Social Media is also used by MOZ as Domain Ranking factor. I’m not with this guys as they have wild pricing but you can use free SumoMe for their free heat map and content analytics to track your readers.

    • Ben Sailer

      Glad you liked this post, Carl! Thanks for sharing that tip on Sumo Me with our readers as well.

  • http://shakergeek.com/ Chris Jones

    Great post Garrett, what about the title of the buttons? We use a standard “Please Share This” title above our buttons. I’ve always thought is was useless but have ZERO data to prove one way or the other. So we just leave it simple and don’t give it much thought. Know of any study/tests that have been done to see whether or not using… I guess you could call it a ‘mini call action’ to focus visitors on the buttons? Or maybe just having familiar buttons are all someone needs to share. Thanks, I’m off to move our buttons. :)

    • Ben Sailer

      That’s an interesting question, and fortunately, we do have some research on our blog that might be able to answer it. Scroll down to point number 4 (Help Your Visitors Share Your Content) in this post: http://coschedule.com/blog/how-to-increase-blog-traffic/

      As always, It might be advisable to try some different copy options and see what works best in your case. Hope this helps.

      • http://shakergeek.com/ Chris Jones

        Excellent, some split testing is definitely in order, thanks the push :)… and the link Ben!

  • http://www.tonybear.com/ Tony Bear!

    Appreciate the effort to create an interesting read, but anything regarding social media is fraught with ambiguity because the landscape changes almost daily. Quoting a 2006 study is like quoting from an encyclopedia.