この例を使用するには、HTML、HTML 貼り付けメール、および AMPscript について理解している必要があります。
AMPscript を使用して、メールを Web ページとして表示するかどうかを判別します。Web ページを使用してコンテンツを表示する場合、以下に示した AMPscript は、コードブロックに含まれるテキストを表示します。
1%%[ if _MessageContext == "VAWP" then ]%%
2You're reading this text because you're viewing this email as a webpage!
3%%[ endif ]%%このコードを使用して、ソーシャルコンテンツスロットを共有します。
1<!-- RegionStart[ socialslot:"FacebookCustomIcon", title:"Facebook with Custom Icon", description:"Facebook with Custom Icon"] -->
2 <p>Custom Facebook Icon</p>
3 <p><table cellspacing="0" cellpadding="0" align="left">
4 <tbody>
5 <tr>
6 <td align="right">Hi! </td>
7 </tr>
8 </tbody>
9 </table>
10<strong>This content represents the second shared social content slot.
11%%[ if _MessageContext == "VAWP" then ]%%
12You're reading this text because you're viewing this email as a webpage!
13%%[ endif ]%%
14</strong></p>
15 <p><a href="%%=GetSocialPublishURLByName('Facebook','US','FacebookCustomIcon')=%%" alias="Social Forward to Facebook - FacebookCustomIcon" title="Publish to Facebook"><img src="http://image.preview.exacttarget.com/lib/ff66157875/m/1/facebook-alt.png" border="0" alt="Facebook" title="Facebook"></a></p>
16<!-- RegionEnd[ socialslot:"FacebookCustomIcon"] -->このコードを使用して、短いメールバージョンではなく、長いコンテンツの Web ページバージョンを共有します。
1%%[ if _MessageContext == "VAWP" or _MessageContext == "Social" then ]%%
2You're reading this text because you're viewing this email as a webpage!
3%%[ endif ]%%メッセージを Web ページとして表示するか共有する場合、AMPscript は、コードブロックに含まれる長いテキストを表示します。コンテキストごとにコンテンツの表示方法を変更する場合、_MessageContext チェックを 2 つの異なる If ステートメントに分割できます。
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2<html>
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
5 <title>Thank you for your interest in ExactTarget Email.</title>
6 <style type="text/css">
7 html body { margin: 0; padding: 0; font: 0.76em normal Arial, Verdana, Helvetica, sans-serif; color: #554; }
8 #cntr { width: 600px; }
9 #cntr .cnt { margin: 1.0em }
10 #cntr .cnt span { font-size: 1.5em; color: #000; }
11 #cntr .cnt strong { font-size: 1.0em }
12 </style>
13 </head>
14 <body bottommargin="0" leftmargin="0" rightmargin="0" marginheight="0" marginwidth="0" topmargin="0">
15 <table width="600" cellpadding="0" cellspacing="0" border="0" align="center">
16 <tr>
17 <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>
18 </tr>
19 </table>
20 <div align="center" style="background-color: #333;">
21 <div id="cntr" align="left" style="background-color: #FFF;">
22 <div class="nav" style="height: 50px; width: 600px; background: #222 url('http://image.exct.net/8c953a0c-d.jpg');">
23 <table width="100%" cellpadding="0" cellspacing="4" border="0">
24 <tr>
25 <td valign="left">**This email uses the new Social Forward feature!**</td>
26 </tr>
27 </table></div>
28 <div class="cnt" style="border-bottom: 1px solid #CCC; margin: 1.0em">
29 <!-- RegionStart[ socialslot:"FacebookStandardIcon", title:"Facebook Standard Icon", description:"Share to Facebook with Standard Icon"] -->
30 <p>Standard Facebook Icon</p>
31 <p><table cellspacing="0" cellpadding="0" align="left"><tbody><tr><td align="right">Hi! </td></tr></tbody></table>**This content represents the first shared social content slot.**</p>
32 <p><a href="%%=GetSocialPublishURLByName('Facebook','US','FacebookStandardIcon')=%%" alias="Social Forward to Facebook - standard icon" 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></p>
33 <!-- RegionEnd[ socialslot:"FacebookStandardIcon"] -->
34
35 <!-- RegionStart[ socialslot:"FacebookCustomIcon", title:"Facebook with Custom Icon", description:"Facebook with Custom Icon"] -->
36 <p>Custom Facebook Icon</p>
37 <p><table cellspacing="0" cellpadding="0" align="left"><tbody><tr><td align="right">Hi! </td></tr></tbody></table><strong>This content represents the second shared social content slot.
38%%[ if _MessageContext == "VAWP" then ]%%
39You're reading this text because you're viewing this email as a webpage!
40%%[ endif ]%%
41</strong></p>
42 <p><a href="%%=GetSocialPublishURLByName('Facebook','US','FacebookCustomIcon')=%%" alias="Social Forward to Facebook - FacebookCustomIcon" title="Publish to Facebook"><img src="http://image.preview.exacttarget.com/lib/ff66157875/m/1/facebook-alt.png" border="0" alt="Facebook" title="Facebook"></a></p>
43 <!-- RegionEnd[ socialslot:"FacebookCustomIcon"] -->
44 </div>
45 </div>
46 </div>
47 <table cellpadding="2" cellspacing="0" width="600" border="0" align="center">
48 <tr>
49 <td valign="top" align="left" style="line-height: 16px;">
50 <p><font face="verdana" size="1" color="#777777">This email was sent to: <b>%%emailaddr%%</b><br />
51 <a href="%%subscription_center_url%%" alias="Manage Subscriptions">Manage Subscriptions</a> |
52 <a href="%%profile_center_url%%" alias="Update Profile">Update Profile</a> |
53 <a href="%%unsub_center_url%%" alias="Unsubscribe">One-Click Unsubscribe</a></p>
54 <p>This email was sent by: <b>%%Member_Busname%%</b><br />%%Member_Addr%% %%Member_City%%, %%Member_State%% %%Member_PostalCode%% %%Member_Country%%</p>
55 <p>We respect your right to privacy - <a href="http://email.exacttarget.com/ETWeb/company.aspx?id=80" alias="View Privacy Policy" style="color: #0000ff">view our policy</a></p>
56 </font>
57 </td>
58 <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>
59 </tr>
60 </table>
61 </body>
62 <custom name="opencounter" type="tracking">
63</html>このメールでは、AMPscript を使用して、メールを受信トレイで表示するか Web ページとして表示するかに応じて表示するコンテンツを変更します。共有するコンテンツは常にメールビューからのコンテンツです。
j