Anybody implemented FB comments ?

Hi Andrei,

First of all, I am not using any Facebook plugin for WordPress, I took the idea from you and Chris only on how to implement these codes without using a WordPress plugin and thanks for all of these idea.

I wanted to achieve this: http://prntscr.com/bksntv where “Facebook Page Plugin” and “Facebook Comments” are inside the box in one place, source for “Facebook Page Plugin” base on this link here: Click Here and source for “Facebook Comments” base on this link here: Click Here

1. I place a code to my header.php base on you and Chris idea

<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.6&appId=(I place my APP id here)";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

2. I place code also for FB Page and FB comments on loop-single-12.php this is the Style I am using

<div class="td-post-content">
            <?php echo $td_mod_single->get_content();?>
            <div class="fb-page" data-href="https://www.facebook.com/(I place my Page URL here)/" data-tabs="Page" data-width="500" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="true"><blockquote cite="https://www.facebook.com/(I place my Page URL here)/"><a href="https://www.facebook.com/(I place my Page URL here)/">(I place my Page Name here)</a></blockquote></div>
            <div class="fb-comments" data-href="<?php echo get_permalink($td_mod_single->post->ID); ?>" data-width="100%" data-numposts="5"></div>
        </div>

3. I don’t have any issue on implementing that code above mentioned as it works perfectly. I wanted to achieve that both of them as you can see on the screenshot they are wrapped inside a box with a thin border and its responsive also to any device, I want to know if I declared it correctly and proper syntax code on how to wrapped both of them inside the box with a thin border line, what to declare and where can I place it.

Regards

• This reply was modified 10 years by ilnegozio.

Hi

The way you added the code is good and as I can see the result is as expected. I am not very sure where you want to add the border as from this screen seems that there is already a border: http://screencast.com/t/i8iOhvgZ

Please provide more details about the desired result and maybe I can help.
Thanks!

Hi Andrei,

My setup doesn’t have any border line or box declared base on the code above.

Currently this is my setup: http://prntscr.com/bloo2e

I want to achieve this box with border line: http://screencast.com/t/i8iOhvgZ

Regards

Hi

To achieve the desired result you can place the code from Facebook inside a container and add a border on it.
Paste this code in loop-single-12.php:

<div class="fb">
         <div class="fb-page" data-href="fb-page" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="fb-page" class="fb-xfbml-parse-ignore"><a href="fb-page/">My Facebook page</a></blockquote></div>
         <div class="fb-comments" data-href="<?php echo get_permalink($td_mod_single->post->ID); ?>" data-width="100%" data-numposts="5"></div>
</div>

Use this css to add the border:

.fb{
border: 2px solid #f3f3f3;
}

Thanks!

Hi Andrei,

Thanks to all of this, it works perfectly!

I use this way:

.fb{
border: 1px solid #ddd;
}

as #f3f3f3; is not visible to me.

Regards

Hi

Glad I could help.
Thanks for letting me know and for your message.

Hi all, Chris, Andrei,

I have succefully implemented facebook comments in my site (odishatv.in) but now way to moderate the comments and comment mirroring.
Did you found a way for that?? if yes please share..

Thanks in advance!! And thanks to Tagdiv team…

Hi

The theme can’t control or moderate Facebook comments. The above code only call a script from Facebook but does not change its functionality. However Facebook offers a management tool for comments, for more detail check this link: https://developers.facebook.com/docs/plugins/comments/#moderation

Tanks!

Hi all, Chris, Andrei,

I have succefully implemented facebook comments in my site (odishatv.in) but now way to moderate the comments and comment mirroring.
Did you found a way for that?? if yes please share..

Thanks in advance!! And thanks to Tagdiv team…

Hi

I’ve replied you above!
Thanks!

Hi there,

Is this possible in the Theme?
Firs of all, please visit this screenshot http://prnt.sc/bvkil4 – this is the number of facebook comments on our website, everything are working fine and no issues implementing it.

1. http://prnt.sc/bvkje6, http://prnt.sc/bvkjut – as you can see those are the counter of the Theme base on the number of built-in comments. We wanted to replace that number of built-in comments to the number of this http://prnt.sc/bvkil4 facebook comments counter. Please advise how to achieve that any shortcode to replace the default comment-count or correct syntax code to call the fb-count?

2. If serial 1 is possible, are things will reflect by calling “Most Commented” and will show also to “Recent Comments” as widgets by default once Serial 1 is implemented on the following link http://prnt.sc/bvkmht Screenshot?

Please advise

Regards

Hi Catalin,

Thanks and would glad if you can provide the correct syntax code in order to achieve that Facebook Counter that will replace the Theme built-in one.

This is the code for Facebook Comment Counter:
<fb:comments-count href="<?php echo get_permalink($post->ID); ?>"></fb:comments-count> Comments

This it the Theme code for Comment Counter if I am not wrong /wp-content/themes/Newspaper/includes/wp_booster:

function get_comments() {
        $buffy = '';
        if (td_util::get_option('tds_p_show_comments') != 'hide') {
            $buffy .= '<div class="td-post-comments">';
            $buffy .= '<a>post->ID) . '"><i class="td-icon-comments"></i>';
            $buffy .= get_comments_number($this->post->ID);
            $buffy .= '</a>';
            $buffy .= '</div>';
        }

        return $buffy;
    }

Please advise the correct syntax code after that, is it possible?

Please?

So it will show facebook number of comments to the following: http://prnt.sc/bvkje6, http://prnt.sc/bvkjut

Regards

• This reply was modified 10 years by ilnegozio.

Hi there,

I tried this following code:

function get_comments() {
$buffy = '';
if (td_util::get_option('tds_p_show_comments') != 'hide') {
$buffy .= '<div class="td-post-comments">';
$buffy .= '<fb:comments-count href="' . get_comments_link($this->post->ID) . '"></fb:comments-count><i class="td-icon-comments"></i>';
$buffy .= fb-comments-count($this->post->ID);
$buffy .= '';
$buffy .= '</div>';
}

return $buffy;
}

and it shows count to -1 and the correct number is 2.

Here is the screenshot: http://prnt.sc/bvs1e6

Regards

Just as a general follow up on this thread i started many months back prior to our dread server crash….

We did try using Facebook comments for a short time on our site, and found the amount of “make money at home…” spam was insane. FB apparently has no filtering for this repetitive spam tactic. You can see how bad this is by looking at the comments on IMDB for news items. I looked at 5 different news items the other day, and on average EVERY item had 1-3 “I made *** BIG MONEY ON BLAH *** >>> CHECK THIS LINK” kind of crap.”

We had same issue.

We actually found going back to basic simple WP comments with Akismet has been the best choice for now.

Your mileage may vary, as I like to say, but something to be aware of if you implement FB comments. Comment spam is hideous.

Hi,
Please help me with the following issues:

1. The comments from the facebook page are not appearing, dont know exactly where to add the code
<div class="fb-comments" data-href="<?php echo get_permalink($td_mod_single->post->ID); ?>" data-width="100%" data-numposts="5"></div>
in single.php and other templates.. Or this should not be added there too?

2. I also have cache active – could this be a reason why the facebook comments are not synchronized?

3. Right now I have facebook comments and wp comments. How can I disable the wp comments or is there a way to merge both into one?

Thank you, looking forward to your reply!

Hello,

i am realy interested to see this work done!

Full working facebook comments system is a must have nowdys!

Most of sites uses facebook comments system.

PLease consider to add this to theme support by default.

Its wery important to have Facebook comments counter working with theme!

I hoppe you will make this custom work and make it as theme standard feature.

It will make your theme even more better and old and new customers will love it.

And for the Guy who wrote about spam comments in facebook comments, you can turn on blacklisted words in facebook comments settings and you can easy block all spam users. And its not so easy open a lots of new facebook accounts.

For the moment i think its best possible thing to use facebook to fight against comenting spams.

And Since every1 on the earth got facebook account its simple and eassy for users to make interaction with your site, and they make it viral and helping you with promotion.

PLease add this feature as standard to your theme.

If some1 done custom work with facebook comments coutn working with default post counting stats, please be so kind and share solution.

Best Regards to all,
P.S.

Sorry for my bad english.