The Social Media storm continues to gain credibility as a great marketing tool and way to generate traffic to your website. For those of us using iWeb for our personal and business websites, we may be concerned about missing the trend. Luckily, it’s easy to integrate Social Media widgets right on your iWeb website and blog using the HTML Widget tool. Here are some of my favorite easy and free ideas on integrating Social Media into your website.

When discussing Social Media, there are two large contenders that almost anyone can get a handle on: Facebook and Twitter. Both are free services that are easy to maintain and easy to integrate into an iWeb website. This article will not go into how to use either service, so it’s important to keep in mind that before delving into the widgets I’m about to discuss, you will need to set up your own free accounts on each site. I would also recommend generating some content on each site before promoting it on your website.

Let’s start with Twitter. Right on Twitter’s main page there is a link for “Widgets” (note: if you’re still looking at the old Twitter site it is called “Goodies”). Twitter offers three options: a ‘Tweet Button’, ‘Widgets’ and ‘Buttons’. Now, this may seem confusing, but for iWeb’s purposes we would consider all three options to be ‘Widgets’. You’ll see why as we move on.

Let’s start with the third option, ‘Buttons’, because it is the simplest. Most of you have already seen Twitter buttons when browsing around the web. They’re the little square “t” logos and, depending on the button that you choose, are a nice low-profile item that can be added to any and all of your web pages. When pressed, this button will bring the user to your Twitter feed. Simply choose the button you’d like on your website and Twitter will display a chunk of HTML that you need to copy. Next, go to iWeb. On the lower right choose “Show Media”, which will pop out a panel on the lefthand side. In that panel, choose the ‘Widgets’ tab. Now, drag “HTML Snippet” into your iWeb page. Alternatively, you can use the menu bar by going to ‘Insert’ > ‘Widget’ > ‘HTML Snippet’.

Once the HTML Snippet widget has been dragged into your webpage you should see two boxes, one that looks like an empty rectangle (it will say < HTML >) and the other is a black box that directs you to “Paste or type HTML to embed on your page”. Simply paste the HTML that you copied from Twitter into that box and hit ‘Apply’ on the bottom right. Now you should see that the smaller window has turned into the Twitter button; feel free to drag that wherever you’d like it to appear.

The next most popular Twitter goodie is the ‘Profile Widget’. It displays an interactive Twitter Feed window right on your webpage. Go ahead and click on ‘Widget’ on the Twitter Goodies page and then ‘My Website’ and then ‘Profile Widget’. You can define settings for the Appearance, Dimensions, and some additional specific preferences. Once you’re all set hit “Finish & Grab Code”. Just like with the Button, you will be given a chunk of HTML to copy and, once again, insert a HTML Snippet into your iWeb site, paste the HTML and hit ‘Apply’. Easy-peasy!

‘Tweet Buttons’ are becoming increasingly popular. I personally recommend using them in blog entries, as putting them on a static website makes it a little less applicable to the Twitter community. When clicked, the Tweet Button automatically tweets a recommendation to check out that particular site/page/blog entry/etc. from the user’s account who pressed the button. This is a great way to generate traffic to your site because it makes the experience very interactive and “chatty”. My favorite type of Tweet Buttons have counters on them so you can see how many people clicked to recommend your page. This not only helps promote your website, but it also gives you a sneaky marketing tool to track how many people are taking advantage of your Tweet Button. Just like with the Profile Widget and Button, you can create a Tweet Button by clicking on ‘Tweet Button’ on the Twitter Goodies page, select your settings and you’ll be presented with the HTML that you can pop into the HTML Snippet.

Facebook has also joined in with a slew of Social Plugins that you can play with. I find the most popular among them is the “Like” button. Just like the Tweet Button, the Like button can be placed on your iWeb site or blog and when pressed it adds a link to your site in the Facebook Activity Feed of the person who clicked it. Once again, this is a great way to generate traffic to your site without spending a dime.

The last HTML Widget that I highly encourage on any website is Google Analytics. While it may not fall into the realm of “Social Media”, Google Analytics is another great free tool to track traffic to your website. Just follow the simple instructions to create the account (or use a Google account that you already have) and you’ll be, once again, given a chunk of HTML that you can paste into an HTML Snippet in iWeb. Unlike the other widgets we looked at earlier, this one will be invisible. Google recommends putting the snippet near the top of your main page. Within 24 hours of installation, Google Analytics will start showing you how many people come to your site, where they come from, how long they stay, what platforms and browsers they’re using and a slew of other helpful information to help you track and target your marketing and website design.

Once you delve into the Social Media world, you’ll find there are several other free ways to spread the word about you and your business and help generate traffic to your site. LinkedIn, YouTube and Flickr are more great examples of sites to help your business grow and help you personally connect with your customers/followers/readers. The one caveat is in the case of Social Media there can definitely be too much of a good thing. There’s a fine line between getting yourself out there and getting so in people’s faces that you’re pushing them away.

Before you get out there and start updating your status and tweeting fifty times a day, I encourage you to take some time to observe what other businesses and users on those sites do. Learn verbiage (e.g. tags, retweet, share, @) and take it slow. Try to share relevant and useful content and you’ll find the quality of what you put out there will directly correlate to the quantity of what you get back. I hope this will help you expand your iWeb site and explore the Social Media community!