All Questions
Tagged with facebook-opengraph javascript
221
questions
0
votes
1
answer
38
views
Can't get Facebook to update OG:Image data for link embeds
My brother in law has a simple website for his small business, and he has requested that I change the image for the embed when the site is shared on Facebook. Everything looked fine when I checked it ...
- 9
1
vote
0
answers
34
views
Multiple og meta tags on single page
I have a single page on my site suppose example.com/content . That page have a tab contents like tab1 and tab2. When user visit example.com/content#tab1 the tab1 will be active and the tab2 content ...
0
votes
0
answers
55
views
How to Dynamically Add OpenGraph URL in Next.js?
I'm working on a Next.js project and I'm trying to implement dynamic OpenGraph meta tags. Specifically, I want to set the og:url dynamically based on the current page URL. However, I'm not sure how to ...
- 1
0
votes
0
answers
47
views
Nuxt2 social cards not displaying
I'm trying to set the metadata to see the social card in my nuxt2 aplication when i share the link of a post in facebook.
In my nuxt.config.js i have set this:
head: {
titleTemplate: '%s - Estudios ...
0
votes
2
answers
496
views
How to add dynamic opengraph meta data to page in NuxtJS
I am using NuxtJS with Nuxt3 and in my component, I want to update the head of the page with dynamic opengraph meta data. In my component, I am showing a gallery and for that I am fetching the data ...
0
votes
1
answer
39
views
How to change url in open graph options?
Basically, I'm trying to set up meta tags and all that stuff. I have no idea how to change url so there will be just the name of the website. For instance, github has just GitHub there and I have this ...
- 1
3
votes
2
answers
3k
views
How to get the OG image Dynamically
The project I'm working on is a project for a hotel. There are different images for different pages as a main image.
For Example-
If someone shares the about us page to facebook, the main image in the ...
1
vote
0
answers
80
views
OpenGraph: The webpage preview Title and Image for Reddit posts fails
Test link is here: https://www.reddit.com/r/MacOS/comments/14h90hk/what_browser_do_you_use/
iMessages, WhatsApp, Twitter render preview of this Test link with correct og:title and og:image.
Other ...
- 193
0
votes
0
answers
56
views
get facebook shared post post id and update post
i want to update a image every 30 seconds that i already share in my facebook feed but the api is asking postId but when i try to get postId via api it gives me post url so how can i update post
...
1
vote
1
answer
1k
views
@vercel/og Open Graph Image Generation Fails - ERR_MODULE_NOT_FOUND
I have a project that uses NextJS and deploys on Vercel. I'm trying to use the @vercel/og Open Graph Image generation library to generate images, but unfortunately, every time the api route for the OG ...
- 796
0
votes
2
answers
926
views
@vercel/og api route isn't displaying correct image
I have my nextjs app hosted on vercel edge, and I am trying to configure the vercel/og package: https://vercel.com/docs/concepts/functions/edge-functions/og-image-generation
When I load the api route /...
- 481
0
votes
1
answer
1k
views
Image over Image using React/Javascript/NextJS
I have 2 image. for example image 1 is a news thumbnail image. I want to add a promotional PNG banner on that image and create a output image. I want to make that output image as OG image. How I can ...
5
votes
0
answers
689
views
How to get Open Graph meta data from Instagram url using nodejs?
Problem:
Similar to other social media sites, I want to show preview of Instagram links in my website. But when I cannot cannot get the meta tags from the webpage as the html shown when the page ...
- 1,374
1
vote
0
answers
85
views
Extract information from a HTTP URL/link
I am trying to implement a card that has a link inside:
Example link: https://github.com/ricokahler/next-data-hooks
How can I get this link's image preview and metadata to display it on the UI?
If I ...
- 382
6
votes
1
answer
5k
views
Get the open graph image for a webpage? (The way facebook embeds a thumbnail image when you share its link)
On my webpage I want to share a link - let's say to this wikipedia page for Superhero
In the code for that page there is the following code in the head tag:
<meta property="og:image" ...
- 438