I installed Facebook Comment Plugin for a comment box. For this, I used this meta tag related to Facebook App ID
<meta property="fb:app_id" content="228435337504344" />
<meta property="og:url" content="http://bdlacne.byethost24.com/Dr.Thakur/" />
JavaScript SDK
<div id="fb-root"></div>
<script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));
</script>
And for comment box
<div class="fb-comments" data-href="http://bdlacne.byethost24.com/FacebookSocialPlugins/?ckattempt=1" data-numposts="5" data-order-by="time" ></div>
And it works fine with moderation tool.
Now I want to add another comment box (on another article and on the same page) tied with another App ID as I can set different moderation settings for each.
My query is how I can tie the multiple comment box with different App ID.
Related
I am trying to set up the comments box on my site.
I have created an app for doing that.
On site I have the meta code for fb app id
<meta property="fb:app_id" content="1000000000000000" />
inside the head tags.
And I have this piece of code for facebook:
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.8&appId=1000000000000000 ";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
At the right place of the page I have a div with fb-comments class. The comment plugin works BUT the comments are not shown at https://developers.facebook.com/tools/comments.
When I go to debug at https://developers.facebook.com/tools/debug/sharing
and insert there my page link I get some strange warnings saying among other things that
The 'fb:app_id' property should be explicitly provided, Specify the app ID so that stories shared to Facebook will be properly attributed to the app. Alternatively, app_id can be set in url when open the share dialog.
But I have this meta tag with fb:app_id property!
What am I doing wrong?
Cheers.
I have implemented the Facebook comments plugin to a page on my site. In addition to this I would like to be bale to moderate the comments. I followed the instructions on the Facebook developer section and implemented as described. I wanted to use the inline moderation tool rather than create an app. So I placed the following meta data.
<meta property="fb:admins" content="533551342"/>
Where the content is set to my Facebook profile ID.
I have then placed the script code as per Facebook developer instructions.
<div id="fb-root"></div>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&appId=672941899483225&version=v2.3";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
Once that is in place, I added the comments section to the site using the code instructed.
<div class="fb-comments" data-href="http://www.microspot.com/case-studies/boat_design.htm" data-width="540" data-numposts="10" data-colorscheme="light"></div>
So with all this in place the comments section shows and works, but the moderate link does not appear next to the number of posts text (which is what should happen according to face books documentation).
The web page is http://www.microspot.com/case-studies/boat_design.htm
Thanks in advance.
It seems the issue was not with the code but with Facebook re-indexing my changes. There is a tool on the Facebook developer page for debugging and indexing your changes.
Any update you make to the Facebook code on your webpage, especially the meta data, you should always use the following debug tool.
https://developers.facebook.com/tools/debug/
Simply paste your webpage link (should be a live page not local) into the box and follow the instructions each time you make a change.
<div id="fb-root"></div>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&appId=672941899483225&version=v2.3";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
How to delete a irrelevant fb comment from my website. What i am doing is as:
<div id="fb-root">
</div>
making myself as admin :
<meta property="fb:admins" content="myfbid"/>
<script> (function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=MyID";
fjs.parentNode.insertBefore(js, fjs);
} (document, 'script', 'facebook-jssdk'));</script>
Placed where i want FB-Comment box to be rendered:
<div class="fb-comments" data-href="mysiteurl.com" data-width="600"></div>
My basic question is how can i delete a comment which is vulgar and publicly visible ? Although i have set myself as moderator in tools then also i am not able to delete other people comment(facebook) from my website i can only mark them as spam but others can easily see the comment on thier individual login. Thank You
I used the following method:
Put this in you Document in the head section:
<meta property="fb:admins" content="jayeshjain24ec" /> //username of moderater
<meta property="og:url" content="http://www.something.com/" />
step 1) Go to this url : https://developers.facebook.com/tools/debug
step 2) Enter your URL and click on debug.
In case if there is anything to be corrected,it will be mentioned here.
step 3)Correct all the warnings.Check the Scraped URL link at the bottom.Make sure it gets all the required Meta tags.
You will get a moderation option on your website once everything is ok.
ALTERNATE SOLUTION:
Give yourself admin rights for the app(there is an option in settings).
go to this url: https://developers.facebook.com/tools/comments?view=queue
I'm using the standard Facebook comments social plugin in iPhone iOS Safari Browser but its fonts and width are very small.
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-comments" data-href="http://example.com" data-num-posts="5" mobile="true"></div>
Setting the mobile attribute directly didn't help too.
Does anybody know a solution?
I was missing this statement inside my HTML web page:
<head>
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
</head>
After adding the statement, the Facebook Comments widget automatically adjusted to the iOS Safari browser.
I integrated FB comments on a static page. I can comment and see my comments, but I have problems with moderating comments in the moderation tool. There are no comments in the tool.
I have this code, which should help me to modearete:
<html xmlns:fb="http://www.facebook.com/2008/fbml" xmlns="http://www.w3.org/1999/xhtml">
<meta property="fb:admins" content="7675xxxxx" />
<meta property="fb:app_id" content="xxxxx5675551420" />
And in inside the body I have:
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-comments" data-href="http://www.example.com/demo" data-num-posts="10" data-width="900"></div>
What is the problem here?
By the way, how can I set it up, that also NON-Facebook Users can comment? I want to
allow anonymous comments. I see no settings for that?
thx
Did you added your user account as moderator in http://developers.facebook.com/tools/comments?
If not, try to add your user account in your application as moderator. Then see is it working.
Please note moderation tool will be available only for non-admins's comments. You cannot moderate your (or other admins') comments.
Edit: Moderators can moderate only 'normal' users comments. Try commenting from a FB account which is not in the comment moderators list.