How to easily integrate Social Media into your website

Social media is all the hype on the internet recently. Facebook and twitter have grown at an alarming rate. Google have tried their hand at it with Buzz, Wave and Orkut. MySpace and Bebo have slowly failed. Digg and Reddit are still trying to keep their foot in the door, and that is just mentioning a few.


For business’s, this is fantastic. We’ve seen viral videos on YouTube, Facebook campaigns, foursquare promotions, and so much more. For you though, the small business, freelancer or so on, the thing’s that the big companies are doing aren’t suited for you. What you need to do is successfully integrate your social media and networks into your site, because nowadays, people will spread what they love on these sites, and you need to be there!

Twitter

Twitter is a fantastic resource. Initially it was used by the web community, spreading useful links amongst the community, and it importantly still is, but it has caught on to the whole world. Now celebrities, companies, and everyday people are using it to keep up-to-date with what’s going on. By integrating twitter with your site, you allow people too much more easily follow what YOU are doing, and what is happening on your site.

TweetMeMe

The TweetMeMe button is everywhere. Some of the biggest tech blogs such as Wired, TechCrunch and Mashable use it, and that’s testament to its usefulness. In essence, it lets your readers tell their friends about your article which they’ve enjoyed reading, or found useful, with one single click. It also keeps track of how many times your article has been retweeted with a counter!

TwitterFeed

While TweetMeMe allows your readers to tweet your article, do you really want to have to be clicking that button every time you publish an article as well? If the answer is no, then that is where TwitterFeed fits in for you. It check’s your blog’s RSS feed, and when a new entry is found, it tweets it automatically for you!

Tweet!

Want to show your latest tweets in your blogs sidebar? There are plenty ways to do so, from widgets to writing your own scripts to display them. Tweet! makes its fantastically easy as a lightweight, customisable jQuery plugin. It even has nifty features such as automatic linking, and converting <3 into ♥.

Twitter Icons

You are of course going to want to encourage user to follow you, and what better way to do so than to make use of a fantastic button to attract the reader’s eye to your twitter page. Here is a fantastic roundup of over 100 twitter icons, but there are plenty out there, so if you don’t find something you like, Google is the place to start looking!

Facebook

Facebook has grown massively in recent years. Nearly every teen and younger adult has an account and regularly checks it, sometimes several times a day. This offers a fantastic market of people to spread your site amongst, and with Facebook’s continuing growth, and branching out into all sorts of markets such as gaming, search and advertisement, it is somewhere you want to be.

FBShare

This is much like TweetMeMe except instead of tweeting, it shows you liking the page on Facebook! When someone does this, you are having your link shown to hundreds of this persons friends, increasing the amount of people likely to read your article. Like TweetMeMe, it keeps track of the amount of shared, and is fairly customisable.

Facebook Fan Widget

This widget is intended for your sidebar, and allows users to like your website on Facebook, without having to search for you on Facebook! It shows a like button for your Facebook page, your latest updates, and some of the people who have already liked your page.

FB Connect Comments

Allows your readers to comment on your site using Facebook! Facebook is up there with the most powerful, most used websites of today, so why not harness what it has to offer and get the conversation flowing on your site via Facebook’s accounts, notifications and so on. This widget is powerful, yet easy to set up.

RSS to Facebook

Unlike Twitter, which has TwitterFeed, Facebook doesn’t have anything easily built-in to show your latest blog posts from rss to your Facebook page. Luckily, it is possible and this tutorial shows you exactly how!

Digg

Digg is a fantastic resource for sites that publish articles and news. In essence the public Digg articles that they like. The more times an article is dugg, the higher in the list it becomes. Articles that make it to the front page can benefit from 10’s of thousands of click-throughs; not something to be missed out on!

Digg Button

Much like TweetMeMe, and FBShare, A Digg button will allow your readers to submit your article to Digg.com, and Digg it to raise its popularity. The more people who Digg your article, the more popular it becomes, and the more new visitors you are likely to receive!

Digg Widget

If you produce articles on a regular basis, you may want to show off your article’s on Digg, in your websites sidebar. Digg make this fantastically easy to do this widget generator that allows you to show things like popular articles, upcoming articles and so on in different categories and tabs. It produces a simple piece of code that you simple copy paste into your sidebar!

Google Buzz

Google Buzz is Google’s latest attempt to break into the social networking/media markets. By integrating it into people’s Google mail inbox, it means that it’s there for people to read easily, and is therefore not something to simply brush aside. Big social news sites such as Mashable have adopted it in their social media buttons, so why shouldn’t you?

Show your latest articles in Buzz

Want to show your articles as you publish them in Google Buzz? I know sites like Mashable do so, and I often see some great discussions taking place in Buzz on these articles. If this is something you want to do, then it’s fairly easy. All you need to do is connect your site with Google, and prove that you are the owner of the site.

WP Google Buzz

Again, this is like FBShare, and TweetMeMe, but for Google Buzz. The same standards apply; your readers click it to show your article in the Google Buzz, and likewise, it will keep a count of how many times this happens. Sadly, this is just a Wordpress plugin.

Google Buzz ER

Want your Google Buzz updates to be displayed on your Wordpress website? No problem! This Wordpress plugin makes it simple and easy to do so, and you aren’t just limited to the sidebar. You can place this wherever you want on your website!

Further Options

These are of course, just a few ideas for each platform to get you started. There are many more out there, some that provide support for all platforms. There are social media plugins for WordPress that will allow you to select a multitude of sites to support. You could choose to use a commenting system such a disqus which allows Facebook, twitter and buzz integration. Just remember, keep it clean. While social media integration is key these days, don’t go overboard to the point where the site isn’t yours any more, it’s just a big mash of different social integrations. Realise what you need, and what you don’t, and things will work well for your site!

Matthew Corner

Matt is an 18 year old web designer from Scotland, UK. He loves creating beautiful websites across different platforms. High on his things to learn fully are Jquery and php. He is extremely excited by css3 and html5 and can't wait to see them rolled out fully. To learn more about Matt, follow him @QwibbleDesigns, or check out his portfolio.

15 Smart Tools To Help You Build Your Freelance Business

Discover the awesome tools we use in making our clients comfortable and happy in learning new things every day.

Download Now

Comments

  1. says

    DJ, great article! I will be using a few of your suggestions. social media marketing play very well together. At my company Affordable American Insurance I email everyone in our company letting them know we have a new blog out that they should read and share with their clients. I will be combining our social media and email marketing efforts.

  2. Linda says

    I am a web designer and I wonder how other designers handle setting all of this up for their client’s websites? I had a client ask me to set up a facebook, twitter, linked in, and you tube account for him and then wanted them all linked to his website.

  3. Kelly Carmichael says

    What a great list of Social Media platforms. This list will continue to grow through time and some will become obsolete (like Google Buzz and Wave have become) Thanks for sharing!

  4. says

    Social Media is the most important step for online marketing of business. Social media websites mentioned are good but i think google buzz doesnt work much in social media.

    Regards

  5. Greg Fleischaker says

    thanks so much for the info, especially Digg. I’m a local business and haven’t thought too much about utilizing their widgets for such a niche, but I just might try it out.

    Most of these ideas assume the web visitor already knows a bunch about social media. What about markets where your customers don’t know much. How do you educate as well as utilize at the same time?

  6. Chris Bracco says

    Also, I’m a really big fan on the Facebook app NetworkedBlogs, it is a great way to automatically syndicate you blog on your personal profile, and supplies you with a nice & clean “Blog” tab that you can add to your profile as well.

    @Matthew I second that … Twitter’s official button looks really sleek, I’m going to start using it from now on.

  7. Arshad Cini says

    Thanks for putting them together Matthew:)

    But i think Google Buzz will not be successful in social media

    Regards