We're trying to implement a basic LinkedIn share link using the LinkedIn Share API but are running into issues when we try and share our web application URL in particular
JS Fiddle of our implementation with our URL:
https://jsfiddle.net/Jmackus/qthgoeL1/3/
<a target="_blank" rel="noopener noreferrer" href="https://www.linkedin.com/sharing/share-offsite/?url=https://hcm616.peoplestreme.net/linkedintest-sandbox/erec_external.asp">Share this on LinkedIn</a>
We get the below errors from LinkedIn:
in the browser: "Something went wrong"
and in the console: 500 Console error
A 500 error also occurs when using the LinkedIn Post Inspector for our URL as well:
LinkedIn Post Inspector error
Post Inspector URL:
https://www.linkedin.com/post-inspector/inspect/https:%2F%2Fhcm616.peoplestreme.net%2Flinkedintest-sandbox%2Ferec_external.asp%3FjobId=1
Changing browsers and LinkedIn accounts doesn't resolve the issue and at this point we are unsure what's causing the issue
Does anyone have any ideas on what may be causing this?
Your webpage is entirely generated in JavaScript, so there's nothing that the LinkedIn share URL can get to generate a preview. It needs that preview, so it can say "WebSite.com Article Site", so that people on their platform know exactly what they're sharing, etc..
Set your og: tags in the <head> block of your HTML, like so...
<meta property='og:title' content='Title of the website'/>
<meta property='og:image' content='//media.example.com/ 1234567.jpg'/>
<meta property='og:description' content='Description that will show in the preview'/>
<meta property='og:url' content='//www.example.com/URL of the article' />
Source: LinkedIn Share Documentation: Making Your Website Shareable on LinkedIn
But, as you say, I plugged in your URL to the LinkedIn Post Inspector, and that indicates it is getting a server 500 error. I suspect there may be some server-side blocking against code LinkedIn connecting to your site?
Here's a website where I coded it up and it works perfectly: SortWords.com: Demo Dev Site. Check out the code -- sharing on LinkedIn is no problem. Why not copy/paste the URL used in the demo site here into new-test-page.html, upload it directly to your server, and see if you still have problems? And maybe try again after that with new-test-page.php?
Hopefully, it's just the og: tags! But I'm curious about the results after implementing that.
Related
After adding SSL certificate, Facebook is unable to fetch open graph metadata on my site, even though they exist. Even when there is og:image:secure_url as suggested in this answer of FB OpenGraph og:image not pulling images (possibly https?), the Open Graph Object Debugger still be unable to fetch.
<meta property="og:image" content="https://xn--qucu-hr5aza.com/wp-content/uploads/2019/08/97Afv.jpg" />
<meta property="og:image:secure_url" content="https://xn--qucu-hr5aza.com/wp-content/uploads/2019/08/97Afv.jpg" />
So I wonder if simply deleting the website and then reinstall it would work? The domain and hosting IP would be the same.
Related: Why can't Open Graph checker detect Open Graph data?
I have tried that, and it simply doesn't work.
Hi I am trying to scrape a big thumbnail from a Wordpress URL and I have added the app Id on to a plugin and also added the meta tag on to the header with the following
<meta property="fb:app_id" content="XXXXXXXXXXX" />
but the facebook debugger says that the app id property is not a valid app ID.
Any help will be appreciated!
Naveen
Try doing this with Yoast SEO. It has excellent documentation on this subject.
I think you should re-check the app ID in your developers account on Facebook. You can see, edit and add apps here:
https://developers.facebook.com/apps/
Suppose I want to show another website (http:// ....) to a child page of my http website.
When it comes to execution, i find out that even
I have added this tag :
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
The page still turn me a blank page instead. Would you please tell me what else I have to work it on in order to show my http websites as iframe of my website ?
I have an app that lets people post content to their LinkedIn page. What I want to do is create a button that I can include in an email that when clicked, will send the user to LinkedIn and open the box to share a post. What I would like to know is how to generate this url. What is the structure like? All the information I've found so far is about how to share a link to another website on LinkedIn, not how to direct a user to the share post box.
Example link: https://www.linkedin.com/share?id=0123456789
First step, let's see what URL is right...
2010:
https://www.linkedin.com/cws/share?url={url}
2015:
https://www.linkedin.com/shareArticle?url={url}&title={title}&summary={text}&source={provider}
2020:
https://www.linkedin.com/sharing/share-offsite/?url={url}
Official Microsoft LinkedIn Share API Documentation. Of course, don't take our word for it! Any of the above URL formats will redirect to the 2020 URL format.
Second step, just how do you use things like `summary`, `title`, etc.?
Use og: tags in the <head> block of your HTML! To quote the documentation, these should look like...
<meta property='og:title' content='Title of the article'/>
<meta property='og:image' content='//media.example.com/ 1234567.jpg'/>
<meta property='og:description' content='Description that will show in the preview'/>
<meta property='og:url' content='//www.example.com/URL of the article' />
Source: LinkedIn Share Documentation: Making Your Website Shareable on LinkedIn
Third step, now want to check to see you did everything right?
That's the easy part! Take the URL you are sharing (i.e., example.com, not linkedin.com?share=example.com), and input it into the LinkedIn Post Inspector. You will be told everything that goes into determining how your webpage is shared on LinkedIn, from og: tags to oEmbed data.
Here's an online demo with share links to 20+ services. Check the source code and you can see first-hand how the share link for Linkedin works!
Fourth step, why doesn't the `og:description` tag work?
I have a more detailed answer elsewhere on the og:description tag not displaying in the LinkedIn preview.
If you are interested in a regularly maintained GitHub project that keeps track of this so you don't have to, check it out! I'm a contributor! Social Share URLs
From the LinkedIn developer docs ("Customized URL" tab):
https://www.linkedin.com/shareArticle?mini=true&url=http://developer.linkedin.com&title=LinkedIn%20Developer%20Network&summary=My%20favorite%20developer%20program&source=LinkedIn
Had issues with LinkedIn Sharing and found a resolve:
Sites shared with Non-SSL (http) addresses will display the error: "Something went wrong - Try again"
https://www.linkedin.com/sharing/share-offsite/?url=http://example.com
How to fix the "Something went wrong" share link error:
Modify the beginning the {url} - replacing the http with https:
https://www.linkedin.com/sharing/share-offsite/?url=https://example.com
Visit the link to generate LinkedIn's thumbnail and page description.
Both share link addresses for Non-SSL (http) and SSL (https) will work correctly now.
Edit: Replace //example.com with your website
While I'm trying to share a post from my blog on Linkedin, I don't see the thumbnail image and the title of the post. Not see it both on Linkedin's preview window or in the Linkedin's feed, after sharing it.
I do have correct og meta description (Using Yost SEO Plugin) on my page.
When I'm trying to share the same page via Facebook it is working perfectly well.
It seems like, from some reason Linkedin not "reading" my website and see my meta data.
The post I'm trying to share is:
https://www.zoliro.com/topi-and-zoliro-event-bag-announce-strategic-partnership/
(But the same problem happening when trying to share any other post from my blog)
and you can see below that I have correct meta data:
<meta property="og:title" content="Topi and Zoliro announce strategic partnership" />
<meta property="og:description" content="Announcement - Together Topi and Zoliro - the digital event bag, will combine forces to conquer decreasing attention spans and work with event organizers to bring in-event attendee engagement to the next level." />
<meta property="og:url" content="https://www.zoliro.com/topi-and-zoliro-event-bag-announce-strategic-partnership/" />
<meta property="og:site_name" content="Zoliro" />
<meta property="og:image" content="https://www.zoliro.com/wp-content/uploads/2015/09/Topi-strategic-partnership-announcement.png" />
I think it's may be connected to the "HTTPS" because if I'm trying to share from my test site on (Which I'm not using SSL there):
http://ws-test.zoliro.com/ben-scheim-best-addition-to-your-sponsorship-package/
It's working.
Is anyone here can advise with that issue please?
Many thanks.
Eventually, our dev team has figured it out:
On the default config file of our Apache server, our domain was defined as a naked domain (domainname.com) while on our Wordpress config file, the domain was defined as a full domain (www.domainname.com).
Apparently, for Linkedin it looks like we forced him to do a redirect to another host and Linkedin doesn't support that.
After we'd defined all configs as full domain it works perfectly.