Stack Overflow
Stack Overflow

Questions tagged [share-open-graph]

Tag for using Facebook OpenGraph protocol to preview webpage links (HTML meta tags with property starts with "og:"

105 questions
2
votes
0 answers

Open Graph Meta Tags with Nuxt

Im working on a site that is made with Node, vue & Nuxt, this site deal with multiples and dinamic products, the products have a main card that is render on the fly and showed to customers, Im trying to set the Open Graph html header meta tags…
Roberto Parra
  • 41
  • 6
2
votes
1 answer

How to make my website urls to generate nice embedded pills in social apps (Discord, Twitter, ...)?

I am seeing that when I put URLs for some websites in Discord or in Twitter, the applications shows nice embedded pills of the website directly in the stream. For example this is the embedded pill of a github url in Discord: The same URL in…
fguillen
  • 36,125
  • 23
  • 149
  • 210
2
votes
0 answers

How to include HLS streams in Open Graph metadata for iOS Messages

Apple's documentation on link previews in Messages on iOS allows for image and video previews. I've gotten both to work, but the docs also suggest that HTTP Live Streams are supported: Video that can be streamed but not downloaded (such as HTTP…
ProgrammingSauce
  • 51
  • 4
2
votes
1 answer

OpenGraph Tags are not working for links to our website on Discord

I posted this to reddit as well asking the same thing. Here are some picture examples of them working & not working... This is posting the links on twitter. You can see 2 links work, 1 does not. The one that does not is a new website I set up. Added…
Erin
  • 29
  • 3
2
votes
0 answers

LinkedIn not recognising OG tags when shared via 3rd party application

To start with, it is worth me noting that this process was working perfectly for 2 years. It started failing intermittently about 2 weeks ago. We enable our clients to share a URL with a custom OG image to Linkedin via our Linkedin…
Aaron Dye
  • 21
  • 1
2
votes
0 answers

twitter card validator error : No card found (Card error) , even thou I have the metatags

I followed this tutorial for adding social media cards to my site: https://www.gatsbyjs.com/tutorial/seo-and-social-sharing-cards-tutorial/ However, my url…
João Pedro
  • 794
  • 2
  • 12
  • 28
2
votes
1 answer

Whatsapp image share along with text via react js

I am trying to enable link sharing (text + image) on WhatsApp through my website. I have implemented OG tags. In the head -
Apoorv Singh
  • 1,295
  • 1
  • 14
  • 26
2
votes
1 answer

Dynamic Open Graph meta tags in a static GatsbyJS site hosted on S3

The app can take users's info and signup his account. Then the user can post his referral link, like www.site.com/username, to social media and a unique image (having user's name and username), generated for each user on sign up, should be displayed…
Hashir Baig
  • 2,162
  • 15
  • 23
2
votes
1 answer

Nuxt.js preview on Facebook/Twitter doesn't work: 404 error

I have a site implemented with Nuxt.js and want to share the pages on Facebook, Twitter and WhatsApp. I have to use the metatags opengraph, so I've included them. When I try to share a page into a social network, I can't see the content of the…
Antonio Martin
  • 361
  • 3
  • 12
2
votes
0 answers

Social sharing: Individual meta tags for different platforms, eg for optimised images

I would like to know if there is a way to use meta information such as and to rather have image links to correctly sized images depending on what social…
Paul
  • 49
  • 5
2
votes
1 answer

FB.ui share_open_graph errorMessage : "Facebook error: Error publishing message"

I am trying to publish a story with share_open_graph using cordova_plugin_facebook4 showDialog. But when I post I got this error message: errorMessage: Facebook error: Error publishing message. I googled a lot but till now no answer. Please anyone…
Didi
  • 21
  • 2
1
vote
0 answers

Nextjs metatags works in development not in production

I have two types of pages, yes, static and dynamic. Both of their link preview work in development. I have tested using localhost open graph checker then in twitter and facebook share debugger too When in production facebook debugger shows this And…
Jayant Navrange
  • 11
  • 3
1
vote
0 answers

how to stop iMessage link preview from rotating image

When sharing links from my website, sometimes the images are rotated 90 degrees. https://dw2h1frcjb7pw.cloudfront.net/1a5765ac5b5e7c0356a5eaf208c53a290fd8497ef1907e32212888f1c2094cbd https://primitives.xyz/claim/1aE14KJuHOQKkbP5cjtMsV How do I fix…
Marcus
  • 9,032
  • 11
  • 45
  • 84
1
vote
0 answers

Share Open Graph image on WhatsApp Desktop issue

I am trying to figure out how to show an image preview on WhatsApp Desktop. Recently WhatsApp Desktop was updated. Since then my code has no longer been functional on this. It remains working on WhatsApp mobile. My index.html script:
Maurício
  • 25
  • 6
1
vote
1 answer

how can I get image preview with data of github after sharing repo?

how can I get an image like this? is there any linking structure for getting it? like you see there is some data, like userName, RepoName, Logo, description, N contributions, N issues, N stars, N forks. sometimes I just paste the normal link…
stackdeveloper
  • 352
  • 2
  • 21
1
2
3 4 5 6 7