{"id":15072,"date":"2011-11-17T16:06:59","date_gmt":"2011-11-17T23:06:59","guid":{"rendered":"http:\/\/css-tricks.com\/?p=15072"},"modified":"2011-11-17T16:19:04","modified_gmt":"2011-11-17T23:19:04","slug":"sharing","status":"publish","type":"post","link":"https:\/\/css-tricks.com\/sharing\/","title":{"rendered":"Sharing"},"content":{"rendered":"

I just added “The Big Three” sharing buttons to articles on this site: Twitter, Google Plus, and Facebook. I’ve shared my thoughts<\/a> on sharing buttons like this in the past. I essentially decided that I didn’t like them for this site. So before anybody skewers me for hypocrisy, I thought I’d go back through my old thoughts and refute myself.<\/p>\n

<\/p>\n

Regarding Traffic<\/h3>\n

Every website owner in the world wants more traffic, me included. Theoretically, if you put sharing buttons on your site, more people will share the article than would have otherwise, and there will be an increase in traffic to your site. I wrote in that article that I’d tried sharing buttons in the past and saw no significant up tick in traffic. That was true. I’m going to try it again and measure traffic more carefully. But traffic isn’t the only factor here.<\/p>\n

Regarding User Experience<\/h3>\n

My personal experience at the time of the last article had me a bit gun shy of clicking social sharing links. I was afraid something might be “auto-tweeted” on my behalf. When that happens, it makes feel like a stooge in front of my friends and I don’t like it. I don’t think anybody likes that, and the UX of these things has reflected that. I haven’t had something auto-tweet for me in a long time.<\/p>\n

I don’t have any proof of this, but sharing buttons have become so ubiquitous that I think many users almost expect<\/em> them to be there. In that regard, it’s good to not break that expectation, especially when it’s of benefit to both of us.<\/p>\n

Regarding Which Sites<\/h3>\n

At the time, it was more common for sites to have a huge rack of sharing buttons. From the obvious big players, to stuff like Delicious and StumbleUpon, to every little trashy niche sharing site out there (e.g. DesignFloat). I was turned off by this and thought that even if I picked my favorites, that would change quickly and turn into a maintenance problem.<\/p>\n

Today, I feel like Twitter, Google Plus, and Facebook are the big three and probably will be for some time. I’m only going to use those three for this site. All three of them provide their own native sharing functionality, which I am using. So it’s not this “click a link and be whooshed away to some generic sharing URL”<\/em>, it’s the native experience. <\/p>\n

Regarding Aesthetics<\/h3>\n

Like anything else, done poorly, sharing buttons can be an eyesore. For my first iteration, I’m just putting them at the bottom of the article in little boxes that go with the other things in that area (Screenshot<\/a>). Hey I’m not going to win any design awards but I think they work with the design just fine.<\/p>\n

Regarding Page Speed<\/h3>\n

I’m hoping that because I’m using the standard button scripts that all three of these social sites provide, that they will very likely be in users browser cache and thus not affect page speed much. I know that doesn’t help mobile out much, where caching isn’t nearly as robust. All told, this will slow down the site a bit, I’m just hoping it’s not drastic. If it becomes a problem, they’ll have to go, speed is a deal-breaker.<\/p>\n

I Like Liking Things<\/h3>\n

I actually use and enjoy all three of these social networks. And I like how each of them has done their unique versions of liking things. For Google Plus, I just click the little +1 button and it feels good. I’ve shown a bit of appreciation for that content, I can find it again more easily if I lose track of it by going through my old +’s, and other people might see it who are interested in things I +. With just a single click and no big break in my concentration. One of the big motivations for adding these buttons is because I like using them on other people’s sites. I want to be able to do it on my own, too.<\/p>\n

It’s just a test<\/h3>\n

In a month or so I’ll revisit this and see how things have gone. I can see exactly what happens to traffic by comparing pre-November-17th traffic to post. Nothing on the web is permanent. If things are good, they stay, if not, they go.<\/p>\n

For comparison’s sake, the last ten articles on this site saw an average of 210 tweets, 38 +1s, and 39 Likes. That will be good to compare a month from now. (You know, assuming the content quality doesn’t change dramatically =))<\/p>\n","protected":false},"excerpt":{"rendered":"

I just added “The Big Three” sharing buttons to articles on this site: Twitter, Google Plus, and Facebook. I’ve shared my thoughts on sharing buttons like this in the past. I essentially decided that I didn’t like them for this site. So before anybody skewers me for hypocrisy, I thought I’d go back through my […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":[]},"categories":[4],"tags":[],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":166456,"url":"https:\/\/css-tricks.com\/new-poll-sharing-buttons\/","url_meta":{"origin":15072,"position":0},"title":"New Poll: Sharing Buttons","date":"March 21, 2014","format":false,"excerpt":"Throughout the life of this site, I've flipflopped (nope, yep) on whether or not I show social sharing buttons on articles. As anything, there are arguments in either direction. We can cover that briefly, but I also want to gather a bit of data on the subject, so that will\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":8615,"url":"https:\/\/css-tricks.com\/quick-thoughts-on-sharing-buttons\/","url_meta":{"origin":15072,"position":1},"title":"Quick Thoughts on Sharing Buttons","date":"March 3, 2011","format":false,"excerpt":"Randomly this week, I've had more-than-normal number of comments from folks who ask me something like: Went to go tweet\/share a blog post of yours, and noticed you don't have any of those on your site. Interesting, any reason why? I do have some thoughts on that... When I'm on\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":172208,"url":"https:\/\/css-tricks.com\/poll-results-sharing-buttons\/","url_meta":{"origin":15072,"position":2},"title":"Poll Results: Sharing Buttons","date":"June 9, 2014","format":false,"excerpt":"A poll has been running here regarding sharing buttons. We asked it this way: This best describes how I share links on my social media site(s) of choice: 12.5 thousand CSS-Tricks visitors voted. The results are in! Here are the choices and results: 60% I don't ever use sharing buttons.\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":326279,"url":"https:\/\/css-tricks.com\/a-complete-state-machine-made-with-html-checkboxes-and-css\/","url_meta":{"origin":15072,"position":3},"title":"A Complete State Machine Made With HTML Checkboxes and CSS","date":"November 27, 2020","format":false,"excerpt":"State machines are typically expressed on the web in JavaScript and often through the popular XState library. But the concept of a state machine is adaptable to just about any language, including, amazingly, HTML and CSS. In this article, we\u2019re going to do exactly that. I recently built a website\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/11\/state-management.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":295666,"url":"https:\/\/css-tricks.com\/ux-considerations-for-web-sharing\/","url_meta":{"origin":15072,"position":4},"title":"UX Considerations for Web Sharing","date":"September 20, 2019","format":false,"excerpt":"From trashy clickbait sites to the most august of publications, share buttons have long been ubiquitous across the web. And yet it is arguable that these buttons aren\u2019t needed. All mobile browsers \u2014 Firefox, Edge, Safari, Chrome, Opera Mini, UC Browser, Samsung Internet \u2014 make it easy to share content\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/09\/sharing-icons.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":195402,"url":"https:\/\/css-tricks.com\/responsible-social-share-links\/","url_meta":{"origin":15072,"position":5},"title":"Responsible Social Share Links","date":"February 9, 2015","format":false,"excerpt":"Using actual social sharing buttons, as provided by Twitter or Facebook (et al.) is a no-go for most performance-concerned or privacy-concerned websites. Too slow, too dangerous. It's kind of a shame though, as those buttons are nicely functional. An alternative is \"share intent\" URL's, which generally link to a barebones\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"featured_media_src_url":null,"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/15072"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=15072"}],"version-history":[{"count":3,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/15072\/revisions"}],"predecessor-version":[{"id":15074,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/15072\/revisions\/15074"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=15072"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=15072"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=15072"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}