Tightknit Community Icon

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.

  • Avatar of Zach Hawtof
    Zach Hawtof
    ·
    ·

    Matt Mireles Just want to make sure you’ve set your social sharing image:

    1. 1.

      Go to General under the Companion Forums Site

    2. 2.

      Find Social Image and upload a new one there.

    Ignore that it says Update Favicon (found this bug while taking this photo)

  • Avatar of Matt Mireles
    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.

  • Avatar of Matt Mireles
    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.

  • Avatar of Zach Hawtof
    Zach Hawtof
    ·
    ·

    Matt Mireles I’ll file a ticket and let you know what we find out. Thanks for reporting

  • Avatar of Stephen Cook
    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! mind_blown So what you're actually seeing in your preview is a split-screen of two images:

    1. 1.

      The Social Image picture you recently uploaded (top)

    2. 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!

  • Avatar of Stephen Cook
    Stephen Cook
    ·
    ·

    This issue should now be fixed in the latest release. Let us know if you have any further issues!

  • Avatar of Matt Mireles
    Matt Mireles
    ·
    ·

    Sweet, thank you.