In this article, we will discuss Social Media Integration into Websites and why web businesses need it. We will also look at some quick and easy online tools that will help you to integrate social media on your website.

Let's first answer the 'What' and 'Why' of social media integration on a website before we answer the 'How'.

What is Social Media Integration?

People and communities share, comment, like or follow a certain piece of content on a website that they find interesting via social media. It is not just limited to the 'Facebooks' and the 'Twitters' of the hip social circle, but also extends to social bookmarking sites such as Digg and StumbleUpon; photo sharing sites such as Flickr and Pinterest; blogging sites such as Blogger and WordPress; discussion sites in the form of various online forums; video sites, online deals sites and many more. While being active on these sites to promote your brand must be an essential part of your Social Media Campaign, it is also prudent to integrate social media onto your site to connect these various platforms with the actual real estate of your brand – your website.

In other words, you are required to connect social media profiles from the web to your website via social share buttons, social media profile buttons and more that are yet to be discussed in this article. This facilitates your website visitors to click and connect with you instantly. This is the most viral form of marketing for your business and it also happens to be free or low cost.

Why do you need a Social Media Integrated Site?

Take a look at some eye-opening Social Media User Statistics for 2012:

Social media plays an important role in your website's SEO, especially after search quality-based algorithmic updates like Panda and Penguin. Social signals have become increasingly important towards improving your website's search ranking. As a web business owner, however, you need to keep in mind that social media is also an integral part of your site's user experience and retention. When your website provides social media buttons, your users need not leave your site to like or recommend it.

Social media essentials that can be integrated into your website:

1. Social Media Buttons

These are icons of popular social media sites such as Facebook, Twitter, Google+, LinkedIn, Tumblr, Pinterest, StumbleUpon and Reddit. They are placed at the top, left, right or bottom of web page content; such as a blog, video, infographic or image. See the samples below:

Sample of Icons placed on the sidebar

Sample of Icons placed on the sidebar

Sample of Icons Placed on the Header

Sample of Icons Placed on the Header

Sample of Icons Bar Placed at the Bottom

Sample of Icons Bar Placed at the Bottom

Tools and Resources:

Article Resource for Social Plugins for WordPress

2. Social Share Buttons

Social Share Buttons let the user stay on the site and share the content on their social media profiles with just a click and without leaving the site. Site visitors can choose interesting content to share, click on the social share button and easily post an update to their social media profiles.

Do not make the buttons too small or too big. Ideally, they must not draw too much attention but still be easy to find. The position of the social share buttons is one of the factors that determines effective usability of your site.

The following are some helpful hints on the positioning of share buttons:
* Keep the share icons above-the-fold, so that users need not scroll to find them.

Sample of Floating Social Share Buttons Bar

Sample of Floating Social Share Buttons Bar

Social Share Buttons Displaying Number of Shares

Social Share Buttons Displaying Number of Shares

This increases user engagement, encourages word-of-mouth marketing and brings in social signals to your site for better search rankings.

Tools and Resources:

3. Social Login

You may have noticed that many of the most popular sites on the web use social login. Look at some examples shown below:

Social Login Options Sample 1

Social Login Options Sample 1

Social Login Options Sample 2

Social Login Options Sample 2

Having social login alongside a regular login on your website gives the user plenty of options to choose from. This is a great approach in terms of your website's usability as some users find it more convenient to use an existing social login rather than create an entirely new one. Those who do not have a social media profile can still log in the usual way.

Benefits of the Social Media Login Feature are as follows:

Tools and Resources:

4. Social Commenting

Giving your users a chance to pass on an opinion or give quick feedback in the form of a comment below your website's blog or article ensures active engagement. Using social commenting, which means allowing users to comment via their existing social media profiles, has different benefits than the regular comment box that is built-in to your CMS or other website platform.The following are the benefits of social commenting:

Tools and Resources:

5. Activity Feed:

Add an activity feed on your website that describes every recent action that has taken place on your website by your site visitors. While there are many developer resources to create your own activity streams on your website, such as Gigya and Atlassian, you can embed social activity feeds from Facebook and Twitter on your site, if you have an active Facebook and Twitter page. The latter is much easier and does not necessarily require a web developer's expertise, see tools and resources below.

Sample of Facebook Activity Feed on a Website

Sample of Facebook Activity Feed on a Website

Sample of Twitter Activity Feed on a Website

Sample of Twitter Activity Feed on a Website

Tools and Resources:

Additional Facebook Social Plug-ins:

Other Social Integration Tools and Resources:

With a full-fledged social media integrated website you will have higher user engagement and increased social media activity on both your website and your brand pages as a whole. You can test this in WooRank's Website Review for Free. Look at a sample test shown below:

Social Monitoring - WooRank Website Review

Social Monitoring – WooRank Website Review

By making use of the various social media integration tools and resources listed above, you can make your website the main social hub for user interaction and engagement, thus driving viral social traffic to your site.