left header image

Wednesday, January 25, 2012

New *Share This* Post Buttons

(strictly techie today, so feel free to skip this post)

A bazillion years ago, I added a widget at the bottom of my posts to make it easy for people to share things.  I picked AddThis.com's widget because you could do ANYTHING (almost) with it ... add to bookmarks, email it, facebook it, stumble it, etc.  Looking at the stats on AddThis, I see that almost no one has used it.

Recently, I noticed that my traffic from Pinterest is rising steadily.  I figured I'd make it even easier for people to pin my posts.  When I looked into adding a Pinterest button, I discovered that it's not as easy as all the other social media buttons because it requires an image to be associated with the button.  Makes sense, but it's not something I could just pop onto the page.

Monday night I made some database changes, admin changes, and display changes to add Pin It buttons to every post.  Basically, I have a new field to fill in when I save a post ... the link to the image I want to use for the Pin It button.  If you click the button for most of my posts, the associated image is my logo, but for the most recent posts, and some of the older popular posts, I've put in an appropriate image from that specific blog post for the Pin It button.  Woo hoo!

It was so much fun to add that button, that I decided to upgrade my AddThis widget.  I got rid of everything except the Facebook Like button ... because it was the only one with a count next to it.  Then I found the code for the Tweet This button with a count next to it and added that one, too.

The reason I didn't use the AddThis tweet button with the count is because when you click the AddThis tweet button, it says "via @AddThis" at the end of the tweet text.  If I created the button programatically myself, I could have it say "via @futuregirlcraft" instead.  Of course, the tweeter can change the text that gets tweeted, but I didn't like AddThis inserting itself into my reader's experience.

I have no idea how the Facebook Like button works because I don't have a Facebook account.  If you ever use it and it seems goofy, let me know.

I like having the counts because it gives me instant feedback about how people feel about my post.  Not everyone comments because it takes time, etc, but it's super easy to click the Like/Tweet/Pin It buttons.  It's also probably good that you (my readers) aren't presented with a block of 20 little icons to choose from; you can choose to do one of three things easily.

I will go back through my old posts and update them to use an appropriate image for the Pin It button, starting with the posts that are linked to most often, like the blanket stitch post (which I've already changed).  I was thrilled to see that post already has 90 pins!

The other upside is that the purple stripe sweater post from Tuesday already has 8 pins.  I think it is due to the new Pin It button, which is great!  I love that people want to share something I've posted. :)

One little rant ... wtf is up with Pinterest making their share button taller than EVERYONE else's button?  The whole rest of the world is playing nice and making their buttons the same damn height.  I found the css that needed to change and I was all set to override their stylesheet (like I did with the twitter feed in the left sidebar) to make the button the standard height BUT they used IDs in an effing iFrame ... and at that point I'd already been programming for an hour past my bedtime, so I just gave up (I'm not even sure if it's possible to affect the styles in an page shown in an iFrame ...). But woe to you, Pinterest, if I ever *do* have the free time to look into this, because I'm going to cut your button down to size, you bunch of Egomaniacs.

Resources:
Tweet button details
Pin It button for websites details
AddThis.com details
14 Comments leave a comment


Carine said ...
"I'm going to cut your button down to size, you bunch of Egomaniacs."
LOL
1/25/2012 11:22 PM

wendy said ...
If I'm honest, I never use the Pin It button on posts... I have a Pin It button on my task bar and that's the one I use... Not sure how other people feel about it.
1/26/2012 5:03 AM

wendy said ...
I went to your last post and tried your Pin It button and I definitely wont use it! When I use the Pin It button on my desk top, I get to choose the image - with your Pin It button, you chose the image and I can't change it... just to let you know.
1/26/2012 5:05 AM

futuregirl replied ...
wendy ... I figured most pinners wouldn't use it, and I'm cool with that. :) The nice thing is that it shows the number of pins for my blog post's url regardless of how it was pinned. So, even if no one uses my button, I can see how many times it's been pinned already. I also think there's a element of camaraderie the count could engender, "I love this post and so do 8 other people!" which I think is cool. I really appreciate the "real world" feed back! Thank you. :)
1/26/2012 11:00 AM

LeeAnn said ...
Most of this posting went right over my head (though I am very glad you have the wherewithal to customize your blog the way yo do.) But I LOL at your last paragraph! Woe to pintrest indeed!
1/26/2012 6:07 AM

futuregirl replied ...
LeeAnn ... Ha! :) Thanks.
1/26/2012 11:01 AM

Gwen said ...
I'm with them! I don't get a lot of the techie stuff (I'm so glad you do tho), but that last little hissy fit paragraph made me laugh. A lot. And anything that accomplishes that before 6 am is like gold. Thank you! (And good luck on your quest)
1/26/2012 6:59 AM

futuregirl replied ...
Gwen ... Have a great day! :)
1/26/2012 11:01 AM

Seanna Lea said ...
I'm with Wendy. I use my Pin It button from my Favorites bar in each browser I use. I always know where it is and websites are not consistent from one to the other, so this way I don't have to look for the button on the post.

Also, sometimes I don't need to read the entire post to know I want to pin it. This way I'm not scrolling or paging down (and then back up because people's side content or comments can make a page longer than the content from the author).
1/26/2012 8:30 AM

futuregirl replied ...
Seanna Lea ... I figured most pinners wouldn't use it, and I'm cool with that. :) The nice thing is that it shows the number of pins for my blog post's url regardless of how it was pinned. So, even if no one uses my button, I can see how many times it's been pinned already. I also think there's a element of camaraderie the count could engender, "I love this post and so do 8 other people!" which I think is cool. I really appreciate the "real world" feed back! Thank you. :)
1/26/2012 11:02 AM

Marty said ...
Ooh, a Pin it button. Yay! :D So I tried to follow you on twitter but it says that I've been blocked. After following your blog for a few years I was kinda surprised. Also do you use pinterest? I'd be really curious to see some of the things you'd pin! :)
1/29/2012 12:59 PM

Carol said ...
I don't Facebook or Pinterest (spend far too much time reading/writing on blogger and Ravelry already) so most of that went over my head but love your last rant at Pinterest's button size.
Carol xx
2/1/2012 1:28 PM

Autumn said ...
Awesome!!! I was wondering if you could tell me how you attached your blog to pinterest and such? I would love to get some more traffic.
2/6/2012 11:43 AM
 
futuregirl replied ...
Autumn ... I didn't actually attach my blog to pinterest. People pinned my images and then other people re-pinned them ... etc. Your best bet is to post super-cute photos or super-helpful posts that make people want to pin them. :)

To put the "pin this" buttons on your blog, check out the links to pinterest in this post ... or, I see you're using blogger and already have share buttons at the end of each post. Maybe they have a pinterest button you could add there in blogger.
2/13/2012 10:48 AM

YOUR FIRST COMMENT MUST BE MANUALLY APPROVED


Leave A Commentprivacy policy 

Name


Email won't be displayed publicly


Website must start with http://


remember my info for next time

Comment html tags not allowed


Robot FoilerEnter the text from the image into the box.
get new image