Next.js Discord

Discord Forum

Whatsapp Sharing OG Issue

Answered
Western yellowjacket posted this in #help-forum
Open in Discord
Western yellowjacketOP
I tested the site with Meta's Sharing Debugger, this is the warning I get, I did try using next Head tags but it warns me to migrate to using Metadata API, so I didn't end up trying it and wanted to figure out how to do it with the API instead. OG works as intended when sharing to other platforms (I tried Discord, Facebook), but the image doesn't show up specifically in Whatsapp. Did anyone manage to get the og to show up sharing through whatsapp?

Thanks.

The following meta tags are specified using 'name' instead of 'property' and will be ignored unless specified using the 'property' key: fb:app_id

export const metadata: Metadata = {
  metadataBase: new URL("https://amxwarestudios.com"),
  title: {
    default: "Amxware Studios",
    template: "%s | Amxware Studios"
  },
  description: "Opportunities and connectivity in a click",
  openGraph: {
    url: 'https://www.amxwarestudios.com',
    type: 'website',
    title: "Amxware Studios",
    description: "Opportunities and connectivity in a click",
    images: 'https://amxwarestudios.com/opengraph-image.jpg',
  },
  other: {
    'fb:app_id': publicRuntimeConfig.facebookAppId,
  }
};
Answered by Western yellowjacket
If anyone facing this issue, I resolved the issue by manually adding the meta property
<meta property='fb:app_id' content={publicRuntimeConfig.facebookAppId} />

Turns out there are caching issue on Whatsapp's CDNs so your images wouldn't load instantaneously, give it some time probably a couple of days and the OG image should resolve itself.
View full answer

3 Replies

Western yellowjacketOP
Sorry, some additional context, Next 14
Western yellowjacketOP
If anyone facing this issue, I resolved the issue by manually adding the meta property
<meta property='fb:app_id' content={publicRuntimeConfig.facebookAppId} />

Turns out there are caching issue on Whatsapp's CDNs so your images wouldn't load instantaneously, give it some time probably a couple of days and the OG image should resolve itself.
Answer
Short-tailed Albatross
a couple of days. damn the cache issue is still a thing.