Issues with iMessage Social Card Display: Seeking Solutions

Our iMessage social card looks messed up. Any idea what's going on or how to fix? It should just display the pink mic on black background.

👀2

7 comments

Zach Hawtof
·
·
Matt Mireles Just want to make sure you’ve set your social sharing image:
1.
Go to General under the Companion Forums Site
2.
Find Social Image and upload a new one there.
Ignore that it says Update Favicon (found this bug while taking this photo)
Matt Mireles
·
·
I tried those steps, but it's still not working right. The previous version was messed up as well, and now it's rendering weirdly in a different way. Pretty sure we've got a bug here.
Matt Mireles
·
·
Hey Zach - I just tried updating the image again with the exact dimensions specified, but it's still not rendering properly. I'm following all the size requirements to the letter here.
Zach Hawtof
·
·
Matt Mireles I’ll file a ticket and let you know what we find out. Thanks for reporting
👍1
Stephen Cook
·
·
Hey Matt Mireles! Thanks for finding this. It's a funky bug. Hoping to shed some light on what's going on here... Turns out there's no standard behavior when an app crawls a link to generate a preview, and finds multiple og:image s in the site metadata. Most of the time the app just takes the first image listed, or the highest-resolution image. Some will treat the subsequent images as backups if the first one fails (which is why we list multiple). But iMessage is an oddball in that it tries to display all of the og:images together! So what you're actually seeing in your preview is a split-screen of two images:
1.
The Social Image picture you recently uploaded (top)
2.
The horizontal logo for the site (bottom)
Silly iMessage. Our best path forward is likely to just ensure we're standardized across all apps by only including a single og:image!
1
Stephen Cook
·
·
This issue should now be fixed in the latest release. Let us know if you have any further issues!
1
👍1
Matt Mireles
·
·
Sweet, thank you.