Facebook Like Button in E-mail - Impossible?

I spent some time investigating how to include a Facebook like button in an e-mail and was surprised to find out it may not be possible.

First, why do this? Well, we wanted to create an e-mail campaign that encouraged people to Like our a business Facebook Page. We wanted to make them be able to like the page with one click from the e-mail without having to actually go to the page.

First we figured out how to use the background-image style element in DIV or TABLE tags to actually be able to overlay the like button over an elegant looking ad within the e-mail. However we were disappointed to discover that most of the web-based e-mail services (Hotmail, Gmail) not only don’t support the background image style element in DIV and TABLE tags, but also don’t support IFRAMES or the XFBML implementation of the Facebook like button. (Or at least we couldn’t get it to work.) Works fine when the e-mail is read using Outlook.

A google search turned up one only two sources on the entire Internet discussing including a Facebook like button in an e-mail. One was by an individual who gave an example without even testing it! And of course it didn’t work. (http://emailexpert.org/adding-a-facebook-like-button-to-your-email-template/)

The other one was discussion of MailChimp adding this feature to their e-mail campaigns be we are not a subscriber of MailChimp and heard drawbacks of their service compared to other e-mail broadcast service providers.

I would suspect this isn’t something very commonly looked into, because you really can’t LIKE an e-mail as it has no URL. You could of course have the e-mail link to a web hosted version of the e-mail but that sort of defeats the purpose of trying to achieve the ability to like a particular URL from within an e-mail with only one click.

Anyone pulled this off? Please don’t post a solution unless you have verified it actually works.

Very interesting indeed, sorry that I don’t have a solution to your problem but I see what you are trying to achieve with this, very smart. The only thing I can think of is that you use some kind of HTML which in turn loads an iFrame with the code into your email. I’m just thinking up loud. Let me investigate abot this some more because this can surely be solved and I want to know how.

Anyone else with suggestions, bring them on :).

We’ve tried but backed away after comparing the impact to delivery rates (embeded scripting is a HUGE red flag for spam filters) vs the lift of fans. This leaves a two step process solution… far less ideal but what I’ve seen so far.

Your best bet is going to be a script vs an embeded frame since email doesnt always load external content but thats still tricky and while I imagine we’ll see solutions as sites / email tools bend to work with Facebook, I havent seen one yet

The best I have found is this:

<script>function fbs_click() {u=location.href;t=document.title;window.open(‘Login | Facebook;return) false;}</script><a href=”http://www.facebook.com/share.php?u=&lt;url&gt;” onclick=”return fbs_click()” target=”_blank”><img src=”ADD_IMAGE_URL_HERE” alt=”Share on Facebook” /></a>

where it says <url> put the url of the ‘view as webpage’. This also lets you put a custom FB logo in.

I know it doesnt help you ‘like’ an email, but I dont know how you would do that either. How does a user look at it then? This is a share. I was able to get the url to pass and then a FB user can type their own comments on it.