I have been trying for weeks to get an image to show up in Google annotations. I don't know what I am doing wrong. I have literally used the same snippet of code given by Google and by emailonacid. I am using a gmail testing email ending in promotabtesting@gmail.com. I swipe up and made sure I tried more than four mobile devices, each with the Gmail app. I can get the deal annotation to show, but I can never get an image to show.
This is my small little snippet:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<script type="application/ld+json">
[{
"@context": "http://schema.org/",
"@type": "Organization",
"logo": "https://www.gstatic.com/images/branding/product/1x/googleg_48dp.png"
},{
"@context": "http://schema.org/",
"@type": "EmailMessage",
"subjectLine": "Sample Subject Line"
},{
"@context": "http://schema.org/",
"@type": "DiscountOffer",
"description": "20% off",
"discountCode": "PROMO",
"availabilityStarts": "2023-01-01T08:00:00-07:00",
"availabilityEnds": "2023-12-30T23:59:59-07:00"
},{
"@context": "http://schema.org/",
"@type": "PromotionCard",
"image": "https://go.covetrus.com/l/935183/2023-04-24/fygmk/935183/1682357944fjthLpc9/My_project.png"
}]
</script>
</head>
<body>
<p>Email Body Example 1</p>
<p>Line 2 Example</p>
</body>
</html>
I am trying to figure out what is wrong. This is what it looks like on mobile: Gmail View of Code
Can anyone even give me an example of a working code that includes images for annotations, because I don't think its working at all at the moment.