Archive for July, 2011
Adding Social Media buttons, Facebook ‘Like’, Twitter ‘Tweet This’ and Googles ‘+1′ to an EDM or Email
by Scott King on Jul.04, 2011, under JavaScript, SEO
Here’s a quick overview to adding social media buttons to an EDM. For the most part this is possible and simple to implement.
Very cool.
Adding Facebook
Adding a “LIKE” button to an EDM is as simple as using the following code:
<a href="http://www.facebook.com/plugins/like.php?href=http://www.reborn.com.au&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80 target=">
<img title="Facebook Like Button" src=" http://www.scottking.com.au/likebutton.jpg" alt="Facebook Like Button" />
</a>
All you have to do is:
- Change the URL to the page you want ‘liked’
- Change the img location and upload your “Like” button image.
Adding Twitter
Adding Twitter uses much the same medthod, simply use the following code:
<a href=”http://twitter.com/share?url http://www.scottking.com.au &text=Scotts Blog&via=websiteaccount&related=myaccount“>Tweet this</a>
And all you have to change is:
- Change the URL to the page you want ‘liked’
- Change the text (remember to escape any special characters)
- Add an image icon similar to the Facebook implementation.
- Specify your website name / account after the via variable
- Specify your Twitter account after the related variable
Google +1
Unfortunately the new Google +1 uses JavaScript so at present there is no way to implement a “+1” directly into EDMs.
However Google’s +1 could be implemented using the alternate method outlined below.
An Alternate Method
An alternative is that when you click the Social media button, ‘Like’, ‘Tweet this’, ‘+1’ button you are taken to the hosted version of the newsletter and the relevant social media service can be called and overlayed as a div above the hosted version of your edm.


