I am just reading into social plugins and I was trying out the like button and the comment box from facebook. Everything with the like button worked fine and it was easy to set up, but when I tried getting the comment box to work, nothing would show up.
I put the Facebook sdk right after the opening of the body tag as well as tried from what a similar question suggested and put it right before the closing body tag. Neither of these "solutions" helped solve my issue
Some info about my site, it is local for testing purposes.
and in case you need my html for the page here it is:
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="english">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>ATCC BPA</title>
<link rel="stylesheet" href="site2.css">
</head>
<body>
<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&appId=13855310161";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div id="container">
<h1 id="header">
Alexandria Technical and Community College<br>
Business Professionals of America<br>
2012-2013
</h1>
<ul id="nav">
<li>Home</li>
<li>Members</li>
<li>Officers</li>
<li>Torch</li>
<li>Calendar</li>
<li>Events</li>
<li>Photos</li>
</ul>
<div id="content">
<p>
Text can go here about your page <br/>
about anything going on, and can even incorperate a facebook comment section.
</p>
</div>
<div class="fb-comments" data-href="http://www.alextechbpa.com" data-width="470" data-num-posts="10" data-colorscheme="dark"></div>
<div id="footer">
<span id="email">email</span>
<span id="facebook">
<iframe src="http://www.facebook.com/plugins/like.php?href=www.alextechbpa.com" scrolling="no" frameborder="0">
</iframe>
</span>
</div><!-- end footer div-->
</div><!-- end #container-->
</body>
</html>
Thanks for any advice or help anyone can provide me with! Any additional info I will do my best to provide!
Related
I have added the Facebook Send button to my website and it does not display. Has Facebook turned off the Send feature?
Here is the page in question.
The documentation for the Facebook Share widget is here.
Below is the code for the html page
<html>
<head>
<title>Your Website Title</title>
<!-- You can use open graph tags to customize link previews.
Learn more: https://developers.facebook.com/docs/sharing/webmasters -->
<meta property="og:url" content="https://www.your-domain.com/your-page.html" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Your Website Title" />
<meta property="og:description" content="Your description" />
<meta property="og:image" content="https://www.your-domain.com/path/image.jpg" />
</head>
<body>
<!-- Load Facebook SDK for JavaScript -->
<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.5";
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.12&appId=299539706821986&autoLogAppEvents=1';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- Your send button code -->
<div class="fb-send"
data-href="https://compesh.com/test2.html"
data-layout="button_count">
</div>
<div class="fb-send" data-href="https://compesh.com"></div>
</body>
</html>
According to https://developers.facebook.com/docs/plugins/send-button
With the release of Graph API version 2.11, the Send Button is
deprecated. For Graph API versions 2.10 and under, the Send Button
will be supported until February 5, 2018.
I have added a facebook share button to my app and it appears correctly o the page. I have used the following code:
https://developers.facebook.com/docs/plugins/share-button/
When I click the button it a popup appears with the correct content and I can click "Post to facebook"
When I do the item appears in my feed perfectly but nobody else can see it even though the privacy settings are correct.
Any ideas... ?
<html>
<head>
<title>Your Website Title</title>
<!-- You can use Open Graph tags to customize link previews.
Learn more: https://developers.facebook.com/docs/sharing/webmasters -->
<meta property="og:url" content="http://www.your-domain.com/your-page.html" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Your Website Title" />
<meta property="og:description" content="Your description" />
<meta property="og:image" content="http://www.your-domain.com/path/image.jpg" />
</head>
<body>
<!-- Load Facebook SDK for JavaScript -->
<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";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- Your share button code -->
<div class="fb-share-button"
data-href="http://www.your-domain.com/your-page.html"
data-layout="button_count">
</div>
</body>
</html>
Things to consider:
Is the privacy set to "friends" or even "public" in the share popup?
Is your App public? Set it public in the "App Review" section.
Make sure your friends actually go to your user profile to check out the posting, it may just not show up in their stream.
I was wondering if anyone else was having any issues with the facebook moderation tool or the comments plugin to be specific.
I just got this all set up and working this morning, but tonight the comments plugin loads, i see the comments for a split second and then the whole div goes blank...
Even when i check on the developer page to create code for the button, same thing, it flashes the comments and then goes blank. here https://developers.facebook.com/docs/plugins/comments
heres a simple page i made just to test.
<!doctype html>
<html>
<head>
<html lang="en">
<meta charset="utf-8">
<head prefix="og: http://ogp.me/ns#">
<meta property="og:title" content="'.$title.'">
<meta property="og:url" content="https://www.dudermang.com/test.php" />
<meta property="og:image" content="https://www.dudermang.com/blog/logo.jpg" />
<meta property="og:description" content="just a test" />
<meta property="fb:app_id" content="814183725332896" />
<title>testing</title>
<meta name="description" content="'testing shit'">
<meta name="author" content="CFaulk">
<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1">
</head>
<body><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.3&appId=814183725332896";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<h2>This is a test</h2>
<p>
<div class="fb-comments" data-href="https://www.dudermang.com/test.php" data-numposts="5" data-colorscheme="dark"></div>
</p><p>
<div class="fb-comments" data-href="https://www.dudermang.com/test.php" data-version="v2.3"></div>
</p>
</body>
</html>
I cant seem to figure this out. am I doing something wrong or is FB experiencing an issue? I looked at another blogger that uses this and i can see the number of comments but the actual comments are gone so i assume this is just broken for everyone?
thanks in advance.
I have tried using the code in Facebook Developers but it's not working when I try getting my post's comments. Anyone have tried this recently? I read in some forums that the code they used may be outdated, and when I tried it, it didn't solve my problem
I have tried two codes:
Code 1:
<html>
<head></head>
<body>
<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.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-comments" data-href="https://www.facebook.com/cielomuyot/posts/903985589615702" data-numposts="5" data-colorscheme="light"></div>
</body>
</html>
Code 2:
<html>
<head>
<meta property="fb:app_id" content="{YOUR_APPLICATION_ID}">
</head>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1">
</script>
<body>
<div id="fb-root"></div>
<fb:comments href="https://www.facebook.com/cielomuyot/posts/905033959510865"></fb:comments>
</body>
</html>
This is not possible. The Comments Plugin is completely unrelated to Facebook posts. The href parameter is more or less just an id to get different comment plugins on one page.
That means, it does not make any sense to use a facebook.com URL as href parameter, always use the URL where you implement it (with a get parameter if you need more than one Comment Plugins on one page).
Why i am not able to get moderator view on my website .This is what i have done:
<head runat="server">
<title>Untitled Page</title>
<%-- <meta property="og:url" content="http://localhost:6703/facebookcomments/Default.aspx" />--%>
<meta property="fb:admins" content="myfacebookId"/>
</head>
<body>
<form id="form1" runat="server">
<div>
<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&appId=MyApplicationId";
fjs.parentNode.insertBefore(js, fjs);
} (document, 'script', 'facebook-jssdk'));</script>
<div class="fb-comments" data-href="http://localhost:6703/facebookcomments/Default.aspx" data-width="470"></div>
</div>
</form>
</body>
</html>
also in comment moderation setting i set as "let me approve each comment before it appears".I am myself as application developer and admin. Why Logging with my facebook id i am not able to see the moderator. also i am not getting any notification in comment moderation tool settings. Is because i am using localhost it is not running? please help out. Thanks.
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