Thanks in Advance . Here am trying facebook share functionality ..It works .. But image of the page not showing while sharing.
<i class="fa fa-facebook"></i>
If anybody Knows about that means Give a advice .
If you are facing error for showing the thumbnail of page please ensure you are using the og tags. og tags tell facebook which photo need to place on post thumb and what should be the description for that.
It will go like this:-
<meta property="og:url" content="www.yoursiteurl/page.com" />
<meta property="og:type" content="Website name" />
<meta property="og:title" content="Put the title here" />
<meta property="og:description" content="Give a long description here" />
<meta property="og:image" content="www.yoursite.com/urpicurl" />
Related
I am trying to share on facebook but didn't get meta data. Also i have try in facebook debug tool but didn't get meta data.
facebook debug tool url https://developers.facebook.com/tools/debug/
I have already added meta data. Bellow meta data and url.
<meta property="og:title" content="Afrocamgist" />
<meta property="og:type" content="article" />
<meta property="og:image" content="https://www.afrocamgist.com/public/campus_post/Screenshot_20180815-132503.png" />
<meta property="og:description" content="Good morning famz!" />
<meta property="og:url" content="https://www.afrocamgist.com/" />
<meta property="og:site_name" content="Afrocamgist" />
<meta property="fb:app_id" content="300434940539027" />
URL : https://www.afrocamgist.com/post/single/434
Please help me. Thanks.
Solve issue, Actually problem with protected page. My page is open after user login.
I have a remove permission and publish to solve my issue.
Thanks.
So I have this cakephp project, when I share the link to facebook i don't get og:description, og:image etc, even though everything seems to be there.
My code: (Views/Layouts/default.ctp)
<head>
...
<meta property="og:url" content="<?=Configure::read('og_url');?>landing" />
<meta property="og:title" content="<?=Configure::read('app_title');?>" />
<meta property="og:description" content="<?=Configure::read('og_description');?>" />
<meta property="og:image" content="<?=Configure::read('og_image');?>" />
...
</head>
I initialize everything in bootsrap.php so all my files can have access to these values.
Which produces this, View Page Source:
<head>
...
<meta property="og:url" content="https://www.philippidescompetition.com/landing" />
<meta property="og:title" content="Back To School Spin & Win! " />
<meta property="og:description" content="Συμπλήρωσε τα στοιχεία σου και παίξε "Spin & Win"!" />
<meta property="og:image" content="https://www.philippidescompetition.com/img/wheel/og_image_s.jpg" />
...
</head>
So far so good, but when I share the link on facebook I don't get any of the meta data.
I tried the debugger tool, but it didn't really help.
I want to share philippidescompetition.com/landing this link, which redirects to the facebook app page or to the actual url philippidescompetition.com/users/register on my server, according to if its from a desktop or mobile, so am thinking this redirect causes the issue, but if I share philippidescompetition.com/users/register which doesn't have a redirect, all meta data are still empty
Any ideas?
You need to add an exception to your automatic redirect for the Facebook scraper.
It can be recognized by its User-Agent, see https://developers.facebook.com/docs/plugins/faqs#faq_1748179212062572
In order to share an Html content in facebook (witch may not be possible), i saw a trick using Open graph protocol and a SWF Player so the post will be treated as video post .
Exemple (link) :
<meta property="og:title" content="What anti agin method do you preffer?">
<meta property="og:image" content="https://mintsapp.io/uploads/polls/5639037a63bed.jpg" />
<meta property="og:url" content="https://mintsapp.io/poll/view/1395" />
<meta property="og:video" content="https://mintsapp.io/player/player.swf?id=1395&type=poll&token=567dcd401fb74&voteChoiceId=3172" />
<meta property="og:video:secure_url" content="https://mintsapp.io/player/player.swf?id=1395&type=poll&token=567dcd401fb74&voteChoiceId=3172" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:video:width" content="472" />
<meta property="og:video:height" content="355" />
and when it comes to share this page on facebook , it will be treated like a video and an html content will be compiled using that SWL player , its actually load the html content and display it as flash content .
see this link : https://mintsapp.io/player/player.swf?id=1395&type=poll&token=567dcd401fb74&voteChoiceId=3172
I need to understand how to do something similar to that, because i've been googling the whole day with no results.
Thanks
I try to share some article at Facebook (without creating fb social app).
The header of file what I feed to https://www.facebook.com/sharer/sharer.php is following:
<meta property="og:type" content="article" />
<!meta property="og:url" content="url to some website" />
<meta property="og:title" content="Title" />
<meta property="og:image" content="url to image" />
<meta property="og:description" content="some description" />
The problem is - each time when i try to set og:url, title, image and description catches up from "url to some website" and suppress values that I typed explicitly here! Also og:type property changes from "article" to "website".
How can I fix this problem? Does I need to create fb social app for this?
I don"t know exactly what you want, but og:url basically ignores any other parameters you gave to the header.
You'd better check this :)
https://developers.facebook.com/docs/plugins/share-button
I have to customize the elements displayed in the facebook personal page after publishing the like made to a post on a website.
I see that image, title and links are displayed but i have to display the post description too.
I've read, following some "Questions that may..." that i should use the Open Graph API but i would do the simplest solution ever to include the "description". If i could use the basic solutions offered by Facebook it would be a better solution.
Any suggestions?
You have to use the Open Graph API headers in the HTML page of your posts. E.g. in any post page from your website you have to add something like this in your HEAD section
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Site name" />
<meta property="og:title" content="Title" />
<meta property="og:description" content="Some description" />
<meta property="og:image" content="..." />