Here is my plugin for my own page. You should modify to make use of it.
http://mrphu.net/download/facebook-comment-box.zip
Modify the code in the plugin main file: qa-plugin/facebook-comment-box/qa-facebook-comment-box-layer.php
class qa_html_theme_layer extends qa_html_theme_base
{
public function body_suffix()
{
$this->output('<div id="fb-root"></div>');
$this->output('
<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=<your facebook app id here>";
fjs.parentNode.insertBefore(js, fjs);
}(document, \'script\', \'facebook-jssdk\'));</script>');
parent::body_suffix();
}
public function main_parts($content)
{
parent::main_parts($content);
//$q_view = @$this->content['q_view'];
$q_view = @$content['q_view'];
// link title where appropriate
$url = isset($q_view['url']) ? 'http://your_page.com'.substr($q_view['url'],2) : 'http://your_page.com';
$this->output('
<div class="fb-comments" data-href="'.$url.'" data-numposts="5"></div>
');
}
}
If you still don't know how to do, please google search for "how to register a facebook appid for your page" and "how to add a facebook comment box". And, if needed, "how to install a plugin" also (search in this forum).
