AC JSON-ld google schema email blast

khairulezwan201

28-08-2017

Hi guys, can Adobe campaign blast an email that contains JSON-ld google mail schema ??

If so can you guys give me some example how to do it?

Appreciate it if u guys can help im a newbie. Thanks.

Accepted Solutions (1)

Accepted Solutions (1)

Answers (4)

Answers (4)

Amit_Kumar

MVP

30-08-2017

Hi,

Understood, Can you share the sample email with me?

I want you to share your email in JSON-LD and MICRODATA with me and will let you know if that works by tweaking a bit here and there.

Regards,

Amit

Amit_Kumar

MVP

28-08-2017

Hi,

I just tested this; it's working.

I am not sure why are you using this?

Only for Gmail or what's your business Requirements?

Test Html is below:

<html>
 
<body>
   
<script type="application/ld+json">
   
{
     
"@context":              "http://schema.org",
     
"@type":                 "EventReservation",
     
"reservationNumber":     "IO12345",
     
"underName": {
       
"@type":               "Person",
       
"name":                "John Smith"
     
},
     
"reservationFor": {
       
"@type":               "Event",
       
"name":                "Google I/O 2013",
       
"startDate":           "2013-05-15T08:30:00-08:00",
       
"location": {
         
"@type":             "Place",
         
"name":              "Moscone Center",
         
"address": {
           
"@type":           "PostalAddress",
           
"streetAddress":   "800 Howard St.",
           
"addressLocality": "San Francisco",
           
"addressRegion":   "CA",
           
"postalCode":      "94103",
           
"addressCountry":  "US"
         
}
       
}
     
}
   
}
   
</script>
   
<p>
      Dear John, thanks for booking your Google I/O ticket with us.
   
</p>
   
<p>
      BOOKING DETAILS
<br/>
      Reservation number: IO12345
<br/>
      Order for: John Smith
<br/>
      Event: Google I/O 2013
<br/>
      Start time: May 15th 2013 8:00am PST
<br/>
      Venue: Moscone Center, 800 Howard St., San Francisco, CA 94103
<br/>
   
</p>
 
</body>
</html>

Regards,

Amit

khairulezwan201

06-09-2017

<!DOCTYPE html>

<html>

  <head>

    <script type="application/ld+json">

{

  "@context": "http://schema.org",

  "@type": "EmailMessage",

  "description": "Malaysia Airlines Web Check In",

  "potentialAction": {

    "@type": "ViewAction",

    "target": "https://icheck.sita.aero/iCheckWebMH/Home",

    "name": "check-in now"

  },

  "publisher": {

    "@type": "Organization",

    "name": "Malaysia Airlines",

    "url": "https://www.malaysiaairlines.com/my/en.html",

    "url/googlePlus": "https://plus.google.com/+MalaysiaAirlines"

  }

}

</script>

    <base target="_top">

  </head>

<body bgcolor="#FAFAFA">

    <div style="font-size: 1px; color: #FFFFFF; display: none;">

        Place the preview message here. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem necessitatibus dolor obcaecati quibusdam, aspernatur, magni id sapiente iste assumenda corporis ex aliquam autem et nihil nemo, quae asperiores! Quo, nesciunt?

    </div>

    <table width="100%" border="0" cellspacing="0" bgcolor="#CCCCCC">

        <tr>

            <td>

                <table class="container" width="640" align="center" border="0" cellpading="0" cellspacing="0" cellspacing="0">

                    <!-- Start of  1 row-->

                    <tr>

                        <td valign="top" class="logo" bgcolor="#FAFAFA" style="padding: 10px 20px 0px 30px; border-left: 1px solid #FAFAFA; border-right: 1px solid #FAFAFA; border-top: 1px solid #FAFAFA;">

                        <img src = "https://www.malaysiaairlines.com/etc/designs/mas/img/mas/header_mas.png">

                            <!-- Use align to remove the black lines-->

                        </td>

                    </tr>

                    <tr>

                        <td valign="top" class="headline" bgcolor="#FAFAFA" style="padding: 15px 20px 5px 30px; border-left: 1px solid #FAFAFA; border-right: 1px solid #FAFAFA; font-family: Gotham, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 22px;">

                            <h1 style="margin: 10px 0px 15px 0px; font-weight: normal; font-family: 'Montserrat','Arial'; font-size: 32px; color:#14467B;">

                                Web Check in now!

                            </h1>

                        </td>

                    </tr>

                    <tr>

                        <td valign="top" bgcolor="#FAFAFA" class="banner" style="border-left: 1px solid #FAFAFA; border-right: 1px solid #FAFAFA;">

                        </td>

                    </tr>

                    <tr>

                        <td valign="top" bgcolor="#FAFAFA" valign="top" class="content" style="padding: 30px 30px 10px 30px; border-right: 1px solid #FAFAFA; border-left: 1px solid #FAFAFA; font-family:Arial, Helvetica, sans-serif; font-size: 16px; line-height:22px; color: #333333; background: #f5f2e5">

                            <table width="160" align="right" class="button" style="margin: 0px 0px 10px 30px" ;>

                                <tr>

                                    <td style="text-align: center; background-color: #006DBB; padding: 10px 15px 10px 15px; border-radius: 25px; ">

                                        <a href="https://icheck.sita.aero/iCheckWebMH/Home" style="color: #FFFFFF; background-color: #006DBB; font-size: 18px; letter-spacing: 1px;text-decoration: none; border-radius: 25px; text-shadow: 0px 2px 2px #006DBB; font-family: Arial, Helvetica, sans-serif;">

                                            Learn More

                                        </a>

                                    </td>

                                </tr>

                            </table>

                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. At beatae laboriosam sequi veniam rem. Odit eveniet, commodi quia officia veritatis mollitia qui quas maxime animi eligendi, eaque incidunt omnis ab? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt sapiente labore reprehenderit quisquam accusamus debitis quos dolorem aspernatur incidunt aperiam, molestiae maxime, velit molestias. Cum enim et ipsa harum dicta!

                            <br><br> Enjoy,

                            <br>

                        </td>

                    </tr>

                    <tr>

                        <td valign="top" bgcolor="#FAFAFA" class="promos" style="padding: 10px 30px 25px 30px; border-right:1px solid #FAFAFA; border-left:1px solid #FAFAFA; background-color: #f5f2e5; font-family: Arial, Helvetica, sans-serif;">

                            <!-- promo 1 content -->

                            <table class="promo_1" width="270" align="left">

                                <tr>

                                    <td>

                                       

                                        <h3 style="font-size:16px;">Promo heading here</h3>

                                        Lorem ipsum dolor sit amet consectetur incididunt ut labore et dolore magna aliqua elit sed do eiusmod.

                                        <br><br>

                                        <a href="#" style="background-color: #006DBB; padding: 10px 15px 10px 15px; width: 146px; height: 46px; border-radius: 25px; color: #FFFFFF; text-decoration: none; text-shadow: 0px 2px 2px #006DBB; font-family: Arial, Helvetica, sans-serif;">Learn more</a>

                                    </td>

                                </tr>

                            </table>

                            <!-- promo 2 content -->

                            <table class="promo_2" width="270" align="right">

                                <tr>

                                    <td>

                                       

                                        <h3 style="font-size:16px;">Promo heading here</h3>

                                        Lorem ipsum dolor sit amet consectetur incididunt ut labore et dolore magna aliqua elit sed do eiusmod.

                                        <br><br>

                                        <a href="#" style="background-color: #006DBB; padding: 10px 20px 10px 20px; width: 146px; height: 46px; border-radius: 25px; color: #FFFFFF; text-decoration: none; text-shadow: 0px 2px 2px #006DBB; font-family: Arial, Helvetica, sans-serif;">Learn more</a>

                                    </td>

                                </tr>

                            </table>

                        </td>

                    </tr>

                    <tr>

                        <td valign="top" class="footer" style="padding: 10px 0px 30px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333;">

                            &copy; Your Company Name. PLEASE DO NOT REPLY TO THIS MESSAGE:

                            <br><br> Your <a href="#" style="color:#333333;">privacy</a> is important to us. Please use this link to <a href="#" style="color:#333333;">unsubscribe</a>.

                            <br><br> Lorem ipsum dolor sit amet consectetur adipi sicing elit sed do eiusmod tempor inci didunt ut labore et dolore iqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

                        </td>

                    </tr>

                    <!-- End of 7th row-->

                </table>

            </td>

        </tr>

    </table>

</body>

</html>

khairulezwan201

28-08-2017

Hi Amit Kumar, thanks for the reply.

Currently we are blasting news feed letter to all our subscriber not for gmail only.

Our business requirements is as follow :

1. Easy to track back our cusotmer

2.Realtime

3.Give the Email markup ( exp card, rsvp , flight reservation - only for the subscriber who are using gmail)

Currently when i'm sending to myself without using adobe campaign it comes out like this

Capture.PNG

but when i'm using the AC the email look like this

Capture.PNG