html - Google Schema not working in email template to display event cards -


i have email template in salesforce org looks like:

    <messaging:emailtemplate subject="event details" relatedtotype="event"> <messaging:htmlemailbody >         <html>           <head>          <style type="text/css">           body {               font-family: arial,helvetica,sans-serif;font-size: 12px;           }           a:visited {               color: #bdebf7;           }         </style>          <script type="application/ld+json">               {                     "@context": "http://schema.org",                     "@type": "event",                     "name": "taco night",                     "startdate": "2017-07-28t15:30:00z",                     "enddate": "2017-07-28t16:30:00z",                     "location": {                         "@type": "place",                         "address": {                             "@type": "postaladdress",                             "name": "google",                             "streetaddress": "24 willie mays plaza",                             "addresslocality": "san francisco",                             "addressregion": "ca",                             "postalcode": "94107",                             "addresscountry": "usa"                         }                     },                     "potentialaction": [                         {                             "@type": "rsvpaction",                             "handler": {                                 "@type": "httpactionhandler",                                 "url": "http://example.com/rsvp?eventid=123&value=yes"                             },                             "attendance": "http://schema.org/rsvpattendance/yes"                         },                         {                             "@type": "rsvpaction",                             "handler": {                                 "@type": "httpactionhandler",                                 "url": "http://example.com/rsvp?eventid=123&value=no"                             },                             "attendance": "http://schema.org/rsvpattendance/no"                         },                         {                             "@type": "rsvpaction",                             "handler": {                                 "@type": "httpactionhandler",                                 "url": "http://example.com/rsvp?eventid=123&value=maybe"                             },                             "attendance": "http://schema.org/rsvpattendance/maybe"                         }                     ]                 }             </script>           </head>           <body style="font-family: arial,helvetica,sans-serif;font-size: 12px;">               <table border="0" cellspacing="0" cellpadding="0" width="550" align="center">               <tr>                 <td>                   <h3 style="border-bottom:1px solid #ccc;font-size:16px;margin:3px 0px;padding-bottom:8px;">{eventtitle}</h3>                   <table border="0" cellspacing="0" cellpadding="0" style="padding:15px 0px 0px;" width="550">                     <tr valign="middle">                       <td width="400px">                         <table border="0" cellspacing="2" cellpadding="2" width="100%">                           <tr>                             <th valign="top" width="100" align="right" style="color:#4a4a54;font-size:11px;">subject</th>                             <td width="5">&nbsp;&nbsp;</td>                             <td style="font-size:12px;">{event.subject}</td>                           </tr>                           <tr>                             <th valign="top" width="100" align="right" style="color:#4a4a54;font-size:11px;">location</th>                             <td width="5">&nbsp;&nbsp;</td>                             <td style="font-size:12px;">{event.location}</td>                           </tr>                           <tr>                             <th valign="top" width="100" align="right" style="color:#4a4a54;font-size:11px;">when</th>                             <td width="5">&nbsp;&nbsp;</td>                             <td style="font-size:12px;">{event.startdatetime}</td>                           </tr>                            <tr>                             <th valign="top" width="100" align="right" style="color:#4a4a54;font-size:11px;">related to</th>                             <td width="5">&nbsp;&nbsp;</td>                             <td style="font-size:12px;"><a href="{event.whatid}">{event.whatid_name}</a></td>                           </tr>                           <tr>                             <th valign="top" width="100" align="right" style="color:#4a4a54;font-size:11px;">related to</th>                             <td width="5">&nbsp;&nbsp;</td>                             <td style="font-size:12px;"><a href="{event.orcs__search_user__c}">{event.orcs__search_user__c_name}</a></td>                           </tr>                         </table>                       </td>                       <td valign="top" width="150">                         <div style="height:100px;width:130px;float:right;overflow:hidden;"></div>                       </td>                     </tr>                   </table>          <p style="margin:0px;padding:0px;">&nbsp;</p>         <table border="0" cellspacing="0" cellpadding="0" style="background-color:#bdebf7;color:#4a4a54;line-height:35px;margin:0px;padding:10px 20px;-webkit-border-radius:7px;-moz-border-radius:7px; display: displaydescrip;" width="100%">           <tr valign="middle">             <td width="400px" style="font-size:12px;line-height:120%;">               {event.description}             </td>           </tr>         </table>                    <div align="center">                     <p style="margin:0px;padding:0px;">&nbsp;</p>                     <div id="eventurllinks" style="display: displayeventurls;">                     <table>                       <tr>                         <td style="background-color:#0087b5;border:2px solid white;color:white;font-size:12px;padding:5px 15px;">                           <a href="{eventurl}" style="color:#ffffff;text-decoration:none;">view meeting details</a>                         </td>                       </tr>                     </table>                     <p style="font-size:10px;">or click <a href="{eventurl}" style="color:#0087b5;text-decoration:none;">{eventurl}</a></p>                     </div>                     <p style="font-size:10px;margin:20px 0px;">do not reply email.</p>                     <p style="font-size:10px;text-align:left;display:displayeventurls;">notification emails have been sent following users:{otheremails}</p>                   </div>                 </td>               </tr>             </table>           </body>         </html> 

just try work in gmail. want email have rsvp options , show little event card in email rsvp options. however... nothing html being shown. no rsvp actions or event card... google schema 'event' script exact example documentation, should correct , not issue.

salesforce sends emails spf validation, , send myself (although says via random salesforce org link.

how these google schemas work in emails sent gmail?


Comments

Popular posts from this blog

javascript - Create a stacked percentage column -

Optimising Firebase database by automatically overwriting data -

javascript - Angular UI-Grid customTemplate directive causing rows to load slowly/? -