Custom Open Graph FAcebook Share Link on Newsletter HTML code - html

I'm recently managing a Newsletter Database with about 500k suscribers. I would like to add a FB custom share link, that displays different information on user FB wall, according to each Newsletter subject. The head of each Newsletter already has the og meta tags, but the traditional sharer.php link does not seem to read them. I know this may be pretty obvious but I'm totally new with Open Graph. Any Idea how I should proceed and build the share custom link, right now, it doesnt display anything I wrote on those meta og tags. I would like to add that I still don't have access to the main domain of the company I'm making the newsletter of, but as far as I have seen, they have not included in the website the og meta tags. Could this be the problem? Thank you very much in advance.

Related

How do you add an image to a website hyperlink

When sending a website hyperlink via SMS text message on my Android, I noticed some websites have a preview image above the title name, domain description, and url. I found this wasn't just video platforms but also blog articles, etc. Picture examples listed below.
When checking to see if this question has been asked prior, it was either confused for or convoluted with basic html requests asking how to add a hyper link to a photo. So please understand that this isn't a request for that.
I'm guessing it's a head meta tag data. Could someone share the code line and where it's placement in the .html file is. Is there an optimal size/ resolution as well? Thanks in advance!
After 3 days active and 13 views with zero replies I decided to aggressively comb high end website's source code until I found the answer.
How I found it: F12 and ctrl+F while searching "src" was a bust but "img" was the ticket to finding this line!
<meta property="og:image" content="x.jpg" name="image">
This lead me to finding "Open Graph Protocol" originally developed by Facebook.
You can read more about the concept here https://ogp.me/
or listen here https://www.youtube.com/watch?v=QwEQKM4YRnU&t=59s
It's pretty straight forward with this information and ends my question. Happy coding, future readers!

don't working Og in meta tag in sharing link

I set all Og tags to my website.
But when I share a link from my website on social networks such as WhatsApp and Telegram, the image and other information is not displayed.
I even tried with a small photo but it still did not show
What is the problem?
I did a lot of research but I still haven't succeeded.
Please help me. Thank you
I realized that the address in the og:url should be exactly like the address of site.
Then, if this address is complete(https://www.websiteurl...) will be shown in Telegram and WhatsApp. If it does not have one of the "https" and "www" ,information may not be displayed in one.
I have had similar issues with Open Graphs tags... Facebook keeps updating the tags and their documentation does not make it clear.
I suggest copy-pasting your url in Open Graph debugger which would highlight any issues with your OG tags.
I don't see any issues with your tags, but you might want to include the following tags:
og:image:url
og:site_name
og:country-name
Also this question might be helpful.

Show source website when sharing a link on Facebook?

I'm a manager of a page on Facebook and now I'm building a site for this page. To be honest I'm way too new to web-developing to be doing such a site, but I would like to try anyway.
My question is, when I see my friend shares a link (from BuzzFeed for example), I would see something like this
I believe that to change the thumbnail, the title and the description you would have to edit the meta tag of the html files (please correct me if I'm wrong).
So I just want to know how the source website (circled red in the picture) can be displayed through the shared links.
P/S: A side-question, if I want to learn more about building such a "social" site, where can I read more about it and what frameworks should I look into, thanks alot !

WP link not showing properly on linkedin

I am starting a new blog and was testing out sharing on linkedIn.
However, when I copy and paste the link into the share thing in linkedin, the blog doesn't show up properly.
Would you be able to help me understand what I would need to add to my blog post to make it show up correctly?
To add some more info: I do have a featured image set, and the blog post does have a title.
Any help would be greatly appreciated!
Mine:
What I want:
The reason you are not seeing a "rich" link when pasting it is likely because you do not have your Open Graphs meta tags set up properly.
You can simply use a plugin with Wordpress to add these tags, like this one or you can learn how to program it yourself into your theme.
Facebook has a good debugger for tags, which you can use to check your links.
You can read more about how og tags are used by LinkedIn in their developer article.

How to get Facebook like button to add a website and add the user to our Facebook page

I've just set up a new website at http://www.elitefightkit.co.nz and we also have a Facebook page which I don't have the url to hand at the moment (but it's called Elite Fight Kit). I want to add Facebook like buttons to my website. I can understand how to add them for product pages but I want to have a 'join us on facebook' button at the base of the page in a footer I'm producing so visitors can be added to the list of people on our Facebook page. We're growing a nice group of people over there.
I've looked into the Facebook like button and it seems to suggest that when user clicks it (if configured correctly) a feed item will be added to the users profile to say they like my website and provide a link back to the site. It seems I either have them like the website or like the Facebook group. That's great BUT I wondered if there was a way to have them click the like button, add the link to the website but ALSO join them to our Facebook page. Is there a way or will that be two seperate buttons?
This article was helpful when looking into the Facebook like button: http://www.webmonkey.com/2010/04/adding-facebook-like-buttons-to-your-site-is-damn-easy/ it pretty much got me rolling, although the Facebook developer page wasn't too hard to get my head around either. :)
Hope someone has some experience with this that can throw some light on it for me. Thanks in advance!
I've looked into a similar request before but decided - given the current social plugin documentation - that it could only be done with two separate buttons. My advice would be to make the Like button on your website point to your Facebook page, with a prominent link back to your website from there. Without wanting to state the obvious, any wall posts that then appear for people liking your page will effectively advertise both!