Printable Version of Topic
Click here to view this topic in its original format
HTMLHelp Forums _ Markup (HTML, XHTML, XML) _ facebook comment plugin not working
Posted by: nickilo Jun 3 2020, 03:19 AM
I want to put a facebook comment plugin into my website. What I did was go to the facebook developers page and followed all the intructions.
first is to paste this code after the body tag
<!-- <div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v6.0&appId=225925590770851&autoLogAppEvents=1"></script> -->
second is the paste this code to where I want it to appear in my webpage
<div class="fb-comments" data-href="http://davaohousesale.byethost4.com/" data-numposts="5" data-width="550"></div>
Sadly, the comment isn't loading. I don't know what I did wrong. Here is the screen capture of the actual page. I put an arrow where the comment is supposed to appear in the page.
Please help me.
Posted by: Christian J Jun 3 2020, 04:46 AM
The first block of code is hidden by comments, that probably shouldn't be there. See https://htmlhelp.com/faq/html/basics.html#html-comments
Posted by: nickilo Jun 3 2020, 05:15 AM
The first block of code is hidden by comments, that probably shouldn't be there. See https://htmlhelp.com/faq/html/basics.html#html-comments
I already posted the first block code without the comment tag like this
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v7.0&appId=265502473481638&autoLogAppEvents=1"></script>
still no luck... the fb comment plugin still didn't load in the page.
Posted by: pandy Jun 3 2020, 11:13 AM
Can you post the URL to the page where you got the plugin?
Posted by: nickilo Jun 3 2020, 02:23 PM
Can you post the URL to the page where you got the plugin?
Here is the link where I got the plugin.
https://developers.facebook.com/docs/plugins/comments
While this is my website's url
http://davaohousesale.byethost4.com/
Posted by: Christian J Jun 3 2020, 02:51 PM
Also make sure that you don't use any Facebook-blocking privacy addon installed in your browser.
Posted by: pandy Jun 3 2020, 09:04 PM
I can't see that you've done anything wrong. In some browsers it looks like the video covers something else, but disabling CSS didn't reveal any comment field...
In the FAQ at the plugin page I found this.
I can't see that you've done anything wrong. In some browsers it looks like the video covers something else, but disabling CSS didn't reveal any comment field...
Web: If you are using Social Plugins on the web, you need to have a Facebook Developer account in order to get an app ID.
I don't know if that applies to the comment script or where to use that ID once you have it. The "Code Generator" doesn't ask for an ID, but I don't know how that works.
Posted by: nickilo Jun 3 2020, 10:07 PM
I can't see that you've done anything wrong. In some browsers it looks like the video covers something else, but disabling CSS didn't reveal any comment field...
In the FAQ at the plugin page I found this.
I can't see that you've done anything wrong. In some browsers it looks like the video covers something else, but disabling CSS didn't reveal any comment field...
Web: If you are using Social Plugins on the web, you need to have a Facebook Developer account in order to get an app ID.
I don't know if that applies to the comment script or where to use that ID once you have it. The "Code Generator" doesn't ask for an ID, but I don't know how that works.
OK i will try to make my Facebook Developer Account and get the app ID... I already suspected that it is the crucial step I missed. I will update you sir if it works and if it doesn't, well I just make my own comment section.
Posted by: pandy Jun 4 2020, 03:31 AM
But I don't see where you should enter that ID in the code. But maybe it doesn't work that way and your account gets approved in some way?
Posted by: nickilo Jun 4 2020, 10:42 AM
But I don't see where you should enter that ID in the code. But maybe it doesn't work that way and your account gets approved in some way?
I figure out why my plugin won't work. Facebook block the site because it is not secured. I need to purchase a certificate for that which I don't want to at least for now. I want a free web hosting. What I did was I searched another web hosting service that has certificate ready, uploaded my website from there and it works.
Thank you sir Pandy and Christian J for the replies... another lesson learned.
Posted by: pandy Jun 4 2020, 01:06 PM
So you didn't need the developer id after all? Well, I'd say they could have been more upfront about what is required - and not. It's annoying when things like that aren't clear. Good documentation is hard to find. Anyway, good you found out what the problem was.
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)