I am using a widget Facebook Comment in my MediaWiki site.
The widget is showing facebook comment box properly and it is functioning good except that I can't moderate the comments.
The installation says:
You have to set fb:app_id open graph property too indicate to Facebook that you're the administrator of the site and can moderate comments and add section.
But I didn't understad this line. If someone know the way please post with some example.
Looks like you have not added an App Id, go to https://developers.facebook.com/tools/
Click on "Apps" pull down menu, Click "Create a New App" and create a new application with your website name, it will generate an Application Id, use that in your website meta tag as below:
<meta property="fb:app_id" content="<your App id>" />
And ofcourse other meta tags as well,
<meta property="fb:admins" content="<your admin id>" />
<meta property="og:image" content="<website logo image url>" />
<meta property="og:site_name" content="<Site name>" />
<meta property="og:url" content="<webpage completel url>" />
<meta property="og:title" content="<title>" />
After that you should be set!
I had the same problem. After hours, I found a solution... In facts there is very little errors in the code on the widget page...
In LocalSettings.php, copy-paste this (xxxxx = your FB IPapp number) and it will work:
$wgExtensionFunctions[] = 'mww_fb_app_id';
function mww_fb_app_id() {
global $wgOut;
$wgOut->addHeadItem ( "fb:app_id" , '<meta property="fb:app_id" content="xxxxx"/>');
}
Related
Just wondering what HTML5 element is shown as the image for a Facebook post which contains a preview of the URL mentioned in the post?
I want to post a link to my website and have my logo appear in the image box of the URL preview...
Hopefully my question makes sense.
You can achieve that by adding Facebook specific OpenGraph meta tags in the header of your webpage.
Here are the meta tags you need to add
<meta property="og:url" content="WEBSITE LINK" />
<meta property="og:type" content="article" />
<meta property="og:title" content="IT WILL APPEAR IN BIG FONTS" />
<meta property="og:description" content="THIS WILL BE SUBTEXT" />
<meta property="og:image" content="LINK OF THE IMAGE" />
you can check out meta tags in details here
Also to verify how it will look and what actually Facebook sees through meta tags you can go to the Open Graph Object Debugger
Example shows what will be seen once you try to share https://images.google.com
Hope this is what you are looking for.
I have followed the official steps from Facebook to create my Like button, pointing to my Facebook page. But when clicking on the Like button to post to my Facebook wall, there is not photo being shown.
I have used the suggested meta tags, still no hope. Any advice is appreciated!
Edited:
The facebook popup is:
And have used the following meta tags:
<meta property="og:title" content="sample title" />
<meta property="og:type" content="product" />
<meta property="og:url" content="https://www.facebook.com/mypagename" />
<meta property="og:image" content="http://www.mydomain.com/images/productimage.jpg" />
<meta property="og:site_name" content="sitename" />
<meta property="fb:admins" content="123456789" />
Another example of this issue, when I use this:
https://developers.facebook.com/docs/reference/plugins/like/
to generate the Like button, for
1. https://www.facebook.com/google - I will see the all the information like title, URL, description, and the image.
2. https://www.facebook.com/KFC - There isn't any information being displayed. This is exactly the same issue as I am facing.
Please advice.
regards
For Facebook pages, you should use the Like Box plugin (as opposed to the Like plugin) as it is designed specifically for liking pages. It has more features aimed specifically for pages. See: https://developers.facebook.com/docs/reference/plugins/like-box/
I have tried some of the older responses already posted on the site, but am still struggling to get the code to work.
I have developed a site using iweb, its basic - I am no coder, www.ondulinetileeffectroofingsheets.com , i have easily managed to insert a working video from youtube, and thought that simply copying and inserting the HTML snippet for the facebook like button would also work but the image fails to work, so when I copy and paste the from the facebook developers site, the Facebook image doesn't not appear. - any ideas - thanks in advance x ?
You are going to want to take a look at this link :
https://developers.facebook.com/docs/opengraph/
In there there are details of how to implement og:tags on your page. These tags help the Facebook to decide what image, text and links will be taken from your page to be displayed in the "like" dialog.
The tags look something like this :
<meta property="fb:app_id" content="YOUR_APP_ID" />
<meta property="og:type" content="YOUR_NAMESPACE:recipe" />
<meta property="og:title" content="Stuffed Cookies" />
<meta property="og:image" content="http://example.com/zhen/cookie.jpg" />
<meta property="og:description" content="The Turducken of Cookies" />
<meta property="og:url" content="http://example.com/zhen/cookie.html">
I'm following the advise of FB's tutorial here and I even used their open graph generator:
http://developers.facebook.com/docs/reference/plugins/like/
but my like message does not use this data. It uses outdated info from the site that I've changed awhile ago.
I've just added my open graph tags and they look like this:
<meta property="og:title" content="Test Title" />
<meta property="og:type" content="activity" />
<meta property="og:url" content="http://foo.com" />
<meta property="og:image" content="http://foo.com/images/image.jpg" />
<meta property="og:site_name" content="Foo" />
<meta property="og:description" content="Hey, check out this thing" />
<meta property="fb:admins" content="Foo" />
And yet when I enter my site into Linter, it says I'm missing all the required meta tags (title, type url, etc).
It says it takes 24 hours to scrape so maybe I just need to wait but it also said that if I enter my site into Linter that it'll work right away.
What am I doing wrong?
If you run your url through the linter it will automatically scrape your page and update facebook's cache with your new OG tags. If you're not seeing this behavior, it's either a bug or you're not entering the exact url where your page exists containing these OG tags, or your like button references an outdated URL.
I build new web site. On every post in my web site I have facebook Like button.
When visitor click on like button post don't appear on his-user home page , only in his profile page.
Can someone tell me why post(like) don't appear on home page?
I use code generated from http://developers.facebook.com/docs/reference/plugins/like (iframe)
Thanks
I remember running into this problem several months ago. This solved the problem for me (then), but the situation may have changed by now. Just put the meta data in the head with the desired info. It may take a while for facebook to notice that you have changed anything.
<meta property="og:site_name" content="Lime" />
<meta property="og:title" content="Lime Title" />
<meta property="og:type" content="article" />
<meta property="og:description" content="With more and more Lime [...]" />
<meta property="og:image" content="" />
<meta property="og:url" content="http://example.com/" />
<!--meta property="fb:page_id" content="18807449704" /-->
Do you mean the news feed in the facebook user's home page?!
It's not used to show the user's actions, read this:
News Feed — the center column of your
home page — is a constantly updating
list of stories from people and Pages
that you follow on Facebook.