 |
You are not logged in. Log in |
 |
Documentation Wiki > ExactTarget > Content > Social Forward > How to Share an Entire Paste HTML Email with Social Forward
How to Share an Entire Paste HTML Email with Social ForwardFrom $1This document contains conceptual and procedural information on sharing an entire Paste HTML email using Social Forward. You can use Social Forward to share a single section, different sections within the same email, or the entire email. PrerequisitesYou should be familiar with HTML and AMPscript in order to follow the steps detailed in this document. You should also review the instructions included in How to Share Social Content Slots in a Paste HTML Email Using Social Forward. Why Share an Entire Paste HTML Email with Social ForwardInstead of sharing select content areas from a message, it may make more sense for you to share the entire message over a social network. You could be sending a short email, or the entire content of the email may need to be shared in order for your message to make sense. ProceduresCreate your Paste HTML email in the ExactTarget application. The example shown below shares the email to Facebook and MySpace, but you can choose from several different social networks when sharing content using Social Forward. How to Define the Content to ShareOnce you've created the Paste HTML email, enclose the HTML to share the content between the following two HTML comments: <!-- RegionStart[ socialslot:"SharePasteHTML", title:"Sharing an entire Paste HTML email", description:"Sharing an entire email to Facebook and MySpace"] --> The entire Paste HTML email code follows the RegionStart tag above. <!-- RegionEnd[ socialslot:"SharePasteHTML"] --> Place the RegionStart statement after the table which contains the link for viewing the email as a webpage and before the HTML for the footer information at the bottom of the email. How to Define the Social Networks for Social ForwardInsert the following links to share the email to Facebook and MySpace: <a href="%%=GetSocialPublishURL('Facebook','SharePasteHTML')=%%" alias="Social Forward to Facebook - SharePasteHTML" title="Publish to Facebook"><img src="http://image.preview.exacttarget.com/lib/ffcf14/m/1/social_default_facebook_icon.jpg" border="0" alt="Facebook" title="Facebook"></a>
<a href="%%=GetSocialPublishURL('MySpace','SharePasteHTML')=%%" alias="Social Forward to MySpace - SharePasteHTML" title="Publish to MySpace"><img src="http://image.preview.exacttarget.com/lib/ffcf14/m/1/social_default_myspace_icon.jpg" border="0" alt="MySpace" title="MySpace"></a>
For both the Facebook and MySpace links, the href attribute calls the AMPscript function GetSocialPublishURL to share the defined region SharePasteHTML (this second argument of the function must match the defined title in the RegionTitle tags). The first argument of GetSocialPublishURL defines the social network with which to share the email. In this example, the links identify Facebook and MySpace. To see a list of the corresponding networks (and the syntax needed), see the Social Forward document. Sample CodeThe following HTML is the code for the entire email, including the unshared view as a webpage at the top and footer at the bottom. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Thank you for your interest in Email.</title>
<style type="text/css">
html body { margin: 0; padding: 0; font: 0.76em normal Arial, Verdana, Helvetica, sans-serif; color: #554; }
#cntr { width: 600px; }
#cntr .cnt { margin: 1.0em }
#cntr .cnt span { font-size: 1.5em; color: #000; }
#cntr .cnt strong { font-size: 1.0em }
</style>
</head>
<body bottommargin="0" leftmargin="0" rightmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<table width="600" cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
<td valign="top" align="left"><font face="verdana" size="1" color="#444444"><p>To view this email as a web page, go <a href="%%view_email_url%%" alias="View as a Web Page"> here.</a></p></font></td>
</tr>
</table>
<!-- RegionStart[ socialslot:"SharePasteHTML", title:"Sharing an entire Paste HTML email", description:"Sharing an entire email to Facebook and MySpace"] -->
<div align="center" style="background-color: _fckstyle="background-color: _fckstyle="background-color: _fckstyle="background-color: _fckstyle="background-color: _fckstyle="background-color: _fckstyle="background-color: _fckstyle="background-color: _fckstyle="background-color: _fckstyle="background-color: _fckstyle="background-color: _fckstyle="background-color: _fckstyle="background-color: _fckstyle="background-color: #333;">
<div id="cntr" align="left" style="background-color: _fckstyle="background-color: _fckstyle="background-color: _fckstyle="background-color: _fckstyle="background-color: _fckstyle="background-color: _fckstyle="background-color: _fckstyle="background-color: _fckstyle="background-color: _fckstyle="background-color: _fckstyle="background-color: _fckstyle="background-color: _fckstyle="background-color: _fckstyle="background-color: #FFF;"></div>
<div class="nav" style="height: _fckstyle="height: _fckstyle="height: _fckstyle="height: _fckstyle="height: _fckstyle="height: _fckstyle="height: _fckstyle="height: _fckstyle="height: _fckstyle="height: _fckstyle="height: _fckstyle="height: _fckstyle="height: _fckstyle="height: 50px; width: 600px; background: #222 url('http://image.exct.net/8c953a0c-d.jpg');">
<table width="100%" cellpadding="0" cellspacing="4" border="0">
<tr>
<td valign="left">Thanks for your interest in Social Forward!</td>
</tr>
</table></div>
<div class="cnt" style="border-bottom: _fckstyle="border-bottom: _fckstyle="border-bottom: _fckstyle="border-bottom: _fckstyle="border-bottom: _fckstyle="border-bottom: _fckstyle="border-bottom: _fckstyle="border-bottom: _fckstyle="border-bottom: _fckstyle="border-bottom: _fckstyle="border-bottom: _fckstyle="border-bottom: _fckstyle="border-bottom: _fckstyle="border-bottom: 1px solid #CCC; margin: 1.0em">
<p>At the bottom of the email, you can see Facebook and MySpace icons. Click them to share your content to the appropriate social network.</p>
<p>You can share this entire email via Social Forward!</p>
<p>
<a href="%%=GetSocialPublishURL('Facebook','SharePasteHTML')=%%" alias="Social Forward to Facebook - YahooPasteHTML" title="Publish to Facebook"><img src="http://image.preview.exacttarget.com/lib/ffcf14/m/1/social_default_facebook_icon.jpg" border="0" alt="Facebook" title="Facebook"></a>
<a href="%%=GetSocialPublishURL('MySpace','SharePasteHTML')=%%" alias="Social Forward to MySpace - YahooPasteHTML" title="Publish to MySpace"><img src="http://image.preview.exacttarget.com/lib/ffcf14/m/1/social_default_myspace_icon.jpg" border="0" alt="MySpace" title="MySpace"></a>
</p>
</div>
</div>
</div>
<!-- RegionEnd[ socialslot:"SharePasteHTML"] -->
<table cellpadding="2" cellspacing="0" width="600" border="0" align="center">
<tr>
<td valign="top" align="left" style="line-height: _fckstyle="line-height: _fckstyle="line-height: _fckstyle="line-height: _fckstyle="line-height: _fckstyle="line-height: _fckstyle="line-height: _fckstyle="line-height: _fckstyle="line-height: _fckstyle="line-height: _fckstyle="line-height: _fckstyle="line-height: _fckstyle="line-height: _fckstyle="line-height: 16px;">
<p><font face="verdana" size="1" color="#777777">This email was sent to: <b>%%emailaddr%%</b><br />
<a href="%%subscription_center_url%%" alias="Manage Subscriptions">Manage Subscriptions</a> |
<a href="%%profile_center_url%%" alias="Update Profile">Update Profile</a> |
<a href="%%unsub_center_url%%" alias="Unsubscribe">One-Click Unsubscribe</a></p>
<p>This email was sent by: <b>%%Member_Busname%%</b><br />%%Member_Addr%% %%Member_City%%, %%Member_State%% %%Member_PostalCode%% %%Member_Country%%</p>
<p>We respect your right to privacy - <a href="http://email.exacttarget.com/ETWeb/company.aspx?id=80" alias="View Privacy Policy" style="color: _fckstyle="color: _fckstyle="color: _fckstyle="color: _fckstyle="color: _fckstyle="color: _fckstyle="color: _fckstyle="color: _fckstyle="color: _fckstyle="color: _fckstyle="color: _fckstyle="color: _fckstyle="color: _fckstyle="color: #0000ff">view our policy</a></p>
</font>
</td>
<td width="145" align="right" valign="center"><a href="http://www.exacttarget.com" title="This email is Powered By ExactTarget" alias="Powered By"><img src="http://email.exacttarget.com/images/Powered_By_1206.jpg" width="124" height="55" alt="This email is Powered By ExactTarget" border="0" /></a></td>
</tr>
</table>
</body>
<custom name="opencounter" type="tracking">
</html>
Below is the resulting email that we would like to share by clicking the Facebook or MySpace icon.
When an email recipient decides to share the content on facebook, they will see the following when clicking on the shared content link in their profile and proceeding with sharing the content:
This page was last updated by Adam Evans on Tue, 16 Aug 2011 12:51:12 GMT. If you require assistance with the ExactTarget application, please contact Global Support. If you wish to send Adam direct feedback, fill out the form below:
Tags: (Edit tags)
Files (2)
Comments (0)You must login to post a comment. |
|||||||||||||||||||||
Powered by MindTouch 2010 |
||||||||||||||||||||||
