Add Facebook comments to threads

[ericgtr]

This modification will integrate Facebook comments directly into the posts, at the bottom of the page.

What is needed for this modification:

A standard facebook account.

A facebook application, anyone can set one up and it's simple http://www.facebook.com/developers/createapp.php Be sure to add your site URL to the "Connect URL" and take note of your API Key.


Once that is done it's time to add the code to the SHOWTHREAD template.

Find:

{vb:raw similarthreads}


Add this above:

<!-- FB Comments -->
<h4 class="threadinfohead"><span class="optiontitle">Facebook Comments</span></h4>
<div id="thread_tags_list" class="thread_info_block">
<div class="inner_block">
<div id='tag_list_cell'>
<script src="http://static.ak.connect.facebook.com/connect.php/en_US" type="text/javascript"></script><script type="text/javascript">FB.init("YOUR API KEY");</script><fb:comments> </fb:comments>
</div>
</div>
</div>
<!-- /FB Comments -->


Be sure to add your API key.

[Kolbi]

Nice. Tagged.

[Juggernaut]

Tagged :D

[TNCclubman]

Holy shit! MOTM!

Can you add facebook comments to the photos as well??

[ericgtr]

Holy shit! MOTM!

Can you add facebook comments to the photos as well??
Thanks, please click install if you use it.:)

I have added it as a new tab in the profile page and have also added it below the comments section of the vbcms articles as well. Once you've setup the application you can pretty much use that code anywhere on your site.

[Barakat]

thanks a lottttttt

works fine ..

[Jabong82]

Great mod installed and 5 stars!

One question though, is there a way to shrink the width of the comment area? There seems to be a lot of empty space.

Thanks again.

[ericgtr]

Great mod installed and 5 stars!

One question though, is there a way to shrink the width of the comment area? There seems to be a lot of empty space.

Thanks again.
I don't see a way right off but have a look here for the documentation on the script http://wiki.developers.facebook.com/index.php/Comments_Box it doesn't look like there are a whole lot of options that way unfortunately.

[ericgtr]

Thanks, please click install if you use it.:)

I have added it as a new tab in the profile page and have also added it below the comments section of the vbcms articles as well. Once you've setup the application you can pretty much use that code anywhere on your site.
I dug this up, it's pretty easy.

Open album_pictureview template and find:

{vb:raw footer}


Add this above:

<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"></script>
<fb:comments></fb:comments>
<script type="text/javascript"> FB.init("YOUR_API_KEY_HERE", "<path from web root>/xd_receiver.htm"); </script>


Remember the api key and path need to be added as well.

[malas2007]

where is the cross-domain communication file (xd_receiver.htm)???

[cloferba]

and the facebook user wall screenshot??

i would like to see how comments appears on the wall

[ericgtr]

where is the cross-domain communication file (xd_receiver.htm)???
From the instructions above here is the link http://www.somethingtoputhere.com/xd_receiver.htm <--- save file as
and the facebook user wall screenshot??

i would like to see how comments appears on the wall
It will appear on your wall as a generic comment from what I can tell, not sure if it links to the post or not.

[SwollenCranium]

EDit:

Works with FF, and Chrome. No luck via IE.

[FazerPaint]

I love this............Installed and nominated for MOTM

Excellent work :up:

[ericgtr]

EDit:

Works with FF, and Chrome. No luck via IE.
I can confirm it works fine with IE, not sure why that's happening. I know that sometimes it seems slow to load from Facebook's end though.
I love this............Installed and nominated for MOTM

Excellent work :up:
Thanks!

[TNCclubman]

Can you make a vB 3.8.5 version? (Still waiting for a facebook like style before I upgrade to 4.0)

Thanks!!!!!

Also, do you need to have Facebook Connect installed for this to work?

[ericgtr]

Can you make a vB 3.8.5 version? (Still waiting for a facebook like style before I upgrade to 4.0)

Thanks!!!!!


Also, do you need to have Facebook Connect installed for this to work?
I don't have a 3.8 version but this will still work, it's just a matter of finding a place for it at the bottom of your showthread template for the javascript. You do not have to have facebook connect to use this.

[Phil K?vin]

I followed the steps, but does not work. Can you explain better please.

[ericgtr]

I followed the steps, but does not work. Can you explain better please.
Just to make sure, you created your facebook application, uploaded the xd_receiver.htm to your forum root and added your unique API key to the javascript?

[Phil K?vin]

Yes man, i did that. I created the Facebook application and uploaded xd_receiver.htm, i change de API KEY, but does not work. Perhaps it is because you do not edit all fields of application.

xd_receiver.htm file what contains that file, edit it? or just create it?

[ericgtr]

Yes man, i did that. I created the Facebook application and uploaded xd_receiver.htm, i change de API KEY, but does not work. Perhaps it is because you do not edit all fields of application.

xd_receiver.htm file what contains that file, edit it? or just create it?
You only upload the xd_receiver.htm to your server, no edits of it at all. I would also be sure that your path to that file is correct where it says "<path from web root>/xd_receiver.htm"). So it would be something like "/home/site/public_html/forum/xd_receiver.htm")

[Phil K?vin]

Thanks, i'll keep trying. I will review everything again. =}

[literatestylish]

Would the mod creator or another helpful fellow be willing to post detailed instructions? Some of us aren't tech savy enough to know what to do when it says to create a "cross-domain communication file (xd_receiver.htm)"

[ericgtr]

Would the mod creator or another helpful fellow be willing to post detailed instructions? Some of us aren't tech savy enough to know what to do when it says to create a "cross-domain communication file (xd_receiver.htm)"
Sure, I've updated the first post to be a little more clear.

[Brandon Sheley]

do you have a live demo we can view?
a screenshot doesn't always do the mod justice :)

[ericgtr]

do you have a live demo we can view?
a screenshot doesn't always do the mod justice :)
Sure, here you go, scroll to the bottom http://www.politicalgroove.com/showthread.php?19484-Blah-Blah-Blah...

[SwollenCranium]

Yeah ...

This thing is temperamental at best and decides all on its own when it will work.

When it DOES work it works well, but if there is any amount of lag from Face book it simply fails to load.

And still .. Does not work ( for me ) with IE.

[ericgtr]

Yeah ...

This thing is temperamental at best and decides all on its own when it will work.

When it DOES work it works well, but if there is any amount of lag from Face book it simply fails to load.

And still .. Does not work ( for me ) with IE.
I can confirm that it has a mind of it's own when it will and will not work. Unfortunately we are at the beck and call of FB when it comes to that, on the upside the javascript utilizes an iframe so at least it doesn't hang the whole page up.

[Jabong82]

This is interesting. Would you say this mod is not really stable for use? I have placed this mod in other areas of my site, and because the unadjustable nature of the comment box I had to redesign some areas to accommodate it. However I notice that it does not show up when using certain browsers.

I notice it works fantastic in Firefox and Opera, but does not work in Internet Explorer or Safari. So as I said I redesigned parts of my site, I now have a gaping hole where it should be when it doesn't load.

Is there any way to fix this?

[archet1337]

This is a great mod, but unfortunately Facebook suck donkey butt when comes to stable plugins.

"Something went wrong. We're working on getting this fixed as soon as we can. You may be able to try again."

Seen that message too many times to count.

Thumbs up on the mod though. Good job :) *installed

[ericgtr]

Unfortunately we are at the mercy of this FB app. It hasn't worked for me for a few days now, probably something that's being worked out. It really doesn't affect things much though, it simply doesn't show so for me it's not a big deal to wait it out. I do understand the frustration though.

[TNCclubman]

crap, installed in 3.8.5 and all it shows is...

{vb:rawphrase view_tag_cloud}

obviously cause 3.8.5 doesnt use the new 4.0 phrases... any chance you can give me the changes for 3.8.5?

[ericgtr]

crap, installed in 3.8.5 and all it shows is...

{vb:rawphrase view_tag_cloud}

obviously cause 3.8.5 doesnt use the new 4.0 phrases... any chance you can give me the changes for 3.8.5?
That's just a reference for placement, I don't have any references for 3.8.x anymore but you can put it anywhere near the bottom, maybe look for a reference to "currently viewing" or "actively viewing" etc. Right around there you can add the javascript and play with placement.

[TNCclubman]

I added the javascript and this is all that shows up...

{vb:rawphrase view_tag_cloud}

[saviola8x]

Sure, here you go, scroll to the bottom http://www.politicalgroove.com/showthread.php?19484-Blah-Blah-Blah...
this demo is not work.

[ericgtr]

Right now they are not displaying at all for this facebook application, facebook users are also complaining about this. Here's a thread on it http://forum.developers.facebook.com/viewtopic.php?id=29112&p=18

[Sancipa]

New Script


<script src="http://static.ak.connect.facebook.com/connect.php/en_US" type="text/javascript"></script><script type="text/javascript">FB.init("YOUR API KEY");</script><fb:comments> </fb:comments>

[ericgtr]

New Script


<script src="http://static.ak.connect.facebook.com/connect.php/en_US" type="text/javascript"></script><script type="text/javascript">FB.init("YOUR API KEY");</script><fb:comments> </fb:comments>
Yep, they changed it on us. I've updated this modification.

[TNCclubman]

perfect, new code works on vB 3.8.5.

Thanks!

MOTM!!

[TimberFloorAu]

I dont see connect URL in the developers part:

Under.Essential Information.

I have :

[TimberFloorAu]

Ok figured that out.
Doesnt show for us.
ie. new comments that is

[steven s]

/installed.
I wonder if more people will use this than Submit threads, blogs, articles to facebook, twitter, myspace and others - addtoany (https://vborg.vbsupport.ru/showthread.php?t=235702)

[steven s]

/uninstalled. That was a quick run.
Firebug keeps giving me this error.
Then I can't click on anything.

Permission denied for <http://www.facebook.com> (document.domain=<http://facebook.com>) to get property Location.href from <http://mydomain.tld> (document.domain has not been set).

Line 125
It was working for awhile.

[mikeo9043]

Very nice mod! Is there anyway I can make it so the Facebook Comments box shows up under the first post..so that way guests who want to comment dont have to stroll the bottom of the page? And if the thread is multi-page, is it possible to have it show up under the first post on each page?

[GONUMBER6]

It is not working on my site? Wonder why? :(

I already had a facebook application, so I added the code and entered my api key. Should i do anything else? thx :)

[final kaoss]

Interesting idea but why not use the existing hooks that "Facebook Options" already uses instead of having the board make several requests to one site inefficiently?

[mikeo9043]

Very nice mod! Is there anyway I can make it so the Facebook Comments box shows up under the first post..so that way guests who want to comment dont have to stroll the bottom of the page? And if the thread is multi-page, is it possible to have it show up under the first post on each page?

Never got an answer for this..:( anyone have one?

[linuxututs]

Geat App! :)

I saved http://static.ak.connect.facebook.com/connect.php/en_US

as "en_US.js" and served/serving it local, and works fine.
Is this against facebook policy or anything like that ?

Thanks Mate,

[GONUMBER6]

Uninstalled. Did not work 90% of the time and slowed my postbit down tremendously, especially on my mobile device.

[wisemasterchief]

Works great!!! I love this .. I would love to see more examples for installling code in different templates. peace

regards,
William

[wisemasterchief]

Interesting idea but why not use the existing hooks that "Facebook Options" already uses instead of having the board make several requests to one site inefficiently?

I cannot find any reference to existing hooks in Facebook Options.. please advise.


ooooops! I found VB provided hooks, although there are MANY more advantageous places to place this code in templates.

[wisemasterchief]

Thanks, please click install if you use it.:)

I have added it as a new tab in the profile page and have also added it below the comments section of the vbcms articles as well. Once you've setup the application you can pretty much use that code anywhere on your site.

please show where to place this in various tempates... peace

regards,
William

[arena]

Hi,

vb4.0.5 problem

İleti: '_onLoad', null veya bir nesne değil
Satır: 13
Karakter: 776
Kod: 0
URI: http://static.ak.connect.facebook.com/connect.php/en_US

IE8 problem help me

[tommac3]

This doesnt do anything fo me ... I am using 4.0.7

Check out:
http://www.spacetimeandtheuniverse.com/off-topic/4163-did-ines-sainz-dress-inappropriately-jets-training-facility.html

what is it supposed to do? I thought the comment box should how up?

[chjp]

Thanks > I'll test

[tommac3]

Sorry Marked as installed. Can someone please help. I have it installed but it doesnt seem to do anything. i am using 4.0.7:
http://www.spacetimeandtheuniverse.com/off-topic/4163-did-ines-sainz-dress-inappropriately-jets-training-facility.html#post7425

[tommac3]

Sorry Marked as installed. Can someone please help. I have it installed but it doesnt seem to do anything. i am using 4.0.7:
http://www.spacetimeandtheuniverse.com/off-topic/4163-did-ines-sainz-dress-inappropriately-jets-training-facility.html#post7425
bump ... does this do anything or not?

[tommac3]

uninstalling

[olapeter007]

After fb login the login button is still showing, the page does not refresh itself on all browsers, but after manula refresh. The user is logged in. Am using latest version of VB.
Pls help

[3amalah]

Amazing Thanks Installed And Nom

[Brandon Sheley]

nice idea, I added something like this to my blog not to long ago
not sure if I'll want to add it to the forums though..

[3amalah]

bump ... does this do anything or not?

Try This


<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=APP_ID&amp;xfbml=1"></script><fb:comments xid="www.YOURSITE.com" numposts="10" width="425" publish_feed="true"></fb:comments>

[rmani84]

It worked once or twice ... Rest of the time the facebook comments box itself is invisible ! ... Has the code changed?

[zeus_r6]

Is this mod working with 4.1.2?

[Brandon Sheley]

the code in the OP didn't work for me :(
I did find something here that worked
http://developers.facebook.com/docs/reference/plugins/comments/

thanks for the idea! :)

now to just figure out how to get it to link back to the real thread

[Gamelobby]

I dont get it, what comments does this add..!?
From Facebook.?

[fatdr]

First http://developers.facebook.com/docs/reference/plugins/comments/ you must fill in the blanks
"url to comment on" is your facebook page

get the code

go to vbulletin admin panel

search in themes " postbit_legacy"

Find {vb:raw template_hook.postbit_end}


add this above
<vb:if condition="$post[postcount] == 1">
YOUR FACEBOOK COMMENT CODE</vb:if>

[d_n_a]

3.8.x ????

[Merenguista]

thanks a lottttttt

[K!nG]

its not working on 4.1.5 i added the codes n api key but nothing works ?? ? anything changed ??

[fatdr]

it doesn't work for 4.1.2,

and also facebook changed developer page, i see only API ID and secret key, there is no API KEY !

anyone has a solution?

[Gemma]

Use this code and change the 2 APP_ID parts to your own Facebook Application ID

<!-- FB Comments -->
<h4 class="threadinfohead"><span class="optiontitle">Facebook Comments</span></h4>
<div id="thread_tags_list" class="thread_info_block">
<div class="inner_block">
<div id='tag_list_cell'>
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=APP_ID&amp;xfbml=1"></script><fb:comments expr:xid="APP_ID" simple="1" num_posts="10" width="500" publish_feed="true"></fb:comments><br/>
</div>
</div>
</div>
<!-- /FB Comments -->

[hanhdn]

First http://developers.facebook.com/docs/reference/plugins/comments/ you must fill in the blanks
"url to comment on" is your facebook page

get the code

go to vbulletin admin panel

search in themes " postbit_legacy"

Find {vb:raw template_hook.postbit_end}


add this above
<vb:if condition="$post[postcount] == 1">
YOUR FACEBOOK COMMENT CODE</vb:if>

it works thanks:rolleyes:

[Amr-Director]

thanks alot >

[hanhdn]

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:comments href="your website" num_posts="3" width="300"></fb:comments>

Add this code and change to your website address ;)

[dertoon]

very good thank you
it work fine

[Ryan McBain]

Use this code and change the 2 APP_ID parts to your own Facebook Application ID

<!-- FB Comments -->
<h4 class="threadinfohead"><span class="optiontitle">Facebook Comments</span></h4>
<div id="thread_tags_list" class="thread_info_block">
<div class="inner_block">
<div id='tag_list_cell'>
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=APP_ID&amp;xfbml=1"></script><fb:comments expr:xid="APP_ID" simple="1" num_posts="10" width="500" publish_feed="true"></fb:comments><br/>
</div>
</div>
</div>
<!-- /FB Comments -->

That works for me, but it never works when someone posts a youtube video. Do you know why that is?

[K!nG]

Use this code and change the 2 APP_ID parts to your own Facebook Application ID

<!-- FB Comments -->
<h4 class="threadinfohead"><span class="optiontitle">Facebook Comments</span></h4>
<div id="thread_tags_list" class="thread_info_block">
<div class="inner_block">
<div id='tag_list_cell'>
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=APP_ID&amp;xfbml=1"></script><fb:comments expr:xid="APP_ID" simple="1" num_posts="10" width="500" publish_feed="true"></fb:comments><br/>
</div>
</div>
</div>
<!-- /FB Comments -->


Thanks this worked just fi9 for me and when i had the original coding i had a problem on my forum that i wasn't able to edit any threads/posts but when i put this coding everything started working again. So Thanks once again :)

[Gemma]

That works for me, but it never works when someone posts a youtube video. Do you know why that is?No idea, sorry. I don't use this modification - I just used that comments code with one of my v3 Arcade modifications and knew it worked and thought I'd share because the original code had changed :)

[Donavaz]

its very good.

can u do any work that we post a coment for post like this ? not for facebook.

i want send a small coment for some post like this.but it be in my forum.

do u enderstand?

[trehanSid]

Nice!
Any updates for 4.1.7 please?

[K!nG]

its working just fine on 4.1.7 :)

[dbetanco]

its working just fine on 4.1.7 :)

how... i do as required but dont appear nothing

[d_n_a]

3.8.x please

[siddhamalli]

i get this error .
"The comments plugin requires an href parameter."

[trehanSid]

its working just fine on 4.1.7 :)

Nice to hear.
1) I am being told by my friend who works on the site, that on our website - www.theAudiophile.net/forum.php , its conflicting with some internal Vb coding.

Is there an installation guide file or something?


2) Is there a way to present the Facebook comments in the same display format as the other replies? Postbit info could be different though, which is understandable.




Tx

[trehanSid]

@Eric
Thanks for the wonderful mod, if this gets done right it can be so very helpful.

Could you assist with a better layout option for the replies made by facebook users, which should not look too out of place.

Kindly do let know, if something can be done.

Cheers

[hyperviperx99]

Problem: I put the code in, and it worked for a while, then now, the feature is gone. Could you please tell me what I could do to fix it? Here's my link: http://www.fliprap.com/showthread.php?1910-Haiku-quot-Lady-Mine-quot&p=13196#post13196

[mikeinjersey]

Hello, does the Facebook Connect app need to be turned on for this to work or no ?

thanks.

[BASHEER]

Thank you

[blueperspective]

Does this one work on Vbulletin 4.1.8 ?

[Manoel J?nior]

Does this one work on Vbulletin 4.1.8 ?
Yes!

[Gemma]

Hello, does the Facebook Connect app need to be turned on for this to work or no ?

thanks.

No it doesn't, as long as you have an Application set up and enter the APP ID where required.

[hyperviperx99]

Does anyone know a way to thicken the Facebook Comments header so it's more noticeable?

[Gemma]

Try using this, it should make it fall in line with tag box, who has read etc


<!-- FB Comments -->
<h2 class="blockhead" style="padding-top:5px;"><span class="optiontitle">Facebook Comments</span></h2>
<div id="thread_tags_list" class="thread_info_block blockbody formcontrols floatcontainer">
<div class="blockrow floatcontainer">
<div id='tag_list_cell'>
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=APP_ID&amp;xfbml=1"></script><fb:comments expr:xid="APP_ID" simple="1" num_posts="10" width="500" publish_feed="true"></fb:comments><br/>
</div>
</div>
</div>
<img src="clear.gif" height="10" /><br />
<!-- /FB Comments -->

[hyperviperx99]

Thanks Gemma! By the way, do you know if this could be integrated for CMS articles?

[Adma Su]

From the instructions above here is the link http://www.somethingtoputhere.com/xd_receiver.htm <--- save file as

It will appear on your wall as a generic comment from what I can tell, not sure if it links to the post or not.

seems like this URL is not working anymore =/
can any one help me to get the xd_receiver.html ??

[Gemma]

Thanks Gemma! By the way, do you know if this could be integrated for CMS articles?

Add the code to your vbcms_content_article_page template.

[hyperviperx99]

Add the code to your vbcms_content_article_page template.

Where in that template should I add the code?

[Gemma]

Where in that template should I add the code?

No idea, it isn't something I use. Depends where you want it to display - I'd say at the bottom after </div>

[hyperviperx99]

Okay thanks Gemma.. Sorry for so many questions but here's another: How come the comments posted were disappearing ?

[enginethatcan't]

Tagged for install, thank you.

[XtremeCrash]

Ive got a dark theme.How do I change the color so the comments will show like white or something?right now you cant see the comment unless you high light it.

Also when I go to reply to a thread it just goes to the quick reply an i dunno why...

The code Im using is;


<!-- FB Comments -->
<h2 class="blockhead" style="padding-top:5px;"><span class="optiontitle">Facebook Comments</span></h2>
<div id="thread_tags_list" class="thread_info_block blockbody formcontrols floatcontainer">
<div class="blockrow floatcontainer">
<div id='tag_list_cell'>
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:comments href="http://*******8.com" num_posts="3" width="300"></fb:comments><br/>
</div>
</div>
</div>
<img src="clear.gif" height="10" /><br />
<!-- /FB Comments -->

[hyperviperx99]

Question: I'm getting this message below the comment box:

Warning: this comments plugin is operating in compatibility mode, but has no posts yet. Consider specifying an explicit 'href' as suggested in the comments plugin documentation to take advantage of all plugin features.

How do I apply this?

[blake247]

Question: I'm getting this message below the comment box:



How do I apply this?

Same

[yadamon]

Why download link shows "No Files Uploaded." ?
I very interest your module, please check download link.

[Gemma]

Question: I'm getting this message below the comment box:



How do I apply this?

Same

The Facebook Comments code has changed bigtime.

Replacing your current code with something like this should work

<!-- FB Comments -->
<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>
<h2 class="blockhead" style="padding-top:5px;"><span class="optiontitle">Facebook Comments</span></h2>
<div id="thread_tags_list" class="thread_info_block blockbody formcontrols floatcontainer">
<div class="blockrow floatcontainer">
<div id='tag_list_cell'>
<fb:comments <link rel="canonical" href="{vb:raw thread_url}" num_posts="5" width="500"></fb:comments>
</div>
</div>
</div>
<img src="clear.gif" height="10" /><br />
<!-- /FB Comments -->

[K!nG]

Hi Gemma,
When i updated SHOWTHREA with the above codes it shows me this message now. Can u check. Thanks in advance :)

http://img440.imageshack.us/img440/9003/fbcomments.png

[Replicators]

Hey K!ng, try this

<!-- FB Comments -->
<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=APP ID";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<h2 class="blockhead" style="padding-top:5px;"><b><span class="optiontitle">Facebook Comments</span></b></h2>
<div id="thread_tags_list" class="thread_info_block blockbody formcontrols floatcontainer">
<div class="blockrow floatcontainer">
<div id='tag_list_cell'>
<center><div class="fb-comments" data-href="http://www.yourdomain.com/{vb:raw thread_url}" data-num-posts="2" data-width="800" data-colorscheme="dark"></div></center>
</div>
</div>
</div>
<img src="clear.gif" height="10" /><br />
<!-- /FB Comments -->Change APP ID with your app id on facebook, and change yourdomain.com with your domain, and also change data width to how wide you want it, along with color scheme to dark or light.

[blake247]

Hey K!ng, try this

<!-- FB Comments -->
<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=APP ID";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<h2 class="blockhead" style="padding-top:5px;"><b><span class="optiontitle">Facebook Comments</span></b></h2>
<div id="thread_tags_list" class="thread_info_block blockbody formcontrols floatcontainer">
<div class="blockrow floatcontainer">
<div id='tag_list_cell'>
<center><div class="fb-comments" data-href="http://www.yourdomain.com/{vb:raw thread_url}" data-num-posts="2" data-width="800" data-colorscheme="dark"></div></center>
</div>
</div>
</div>
<img src="clear.gif" height="10" /><br />
<!-- /FB Comments -->Change APP ID with your app id on facebook, and change yourdomain.com with your domain, and also change data width to how wide you want it, along with color scheme to dark or light.

Worked perfect! Thanks!

[K!nG]

Hey K!ng, try this

<!-- FB Comments -->
<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=APP ID";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<h2 class="blockhead" style="padding-top:5px;"><b><span class="optiontitle">Facebook Comments</span></b></h2>
<div id="thread_tags_list" class="thread_info_block blockbody formcontrols floatcontainer">
<div class="blockrow floatcontainer">
<div id='tag_list_cell'>
<center><div class="fb-comments" data-href="http://www.yourdomain.com/{vb:raw thread_url}" data-num-posts="2" data-width="800" data-colorscheme="dark"></div></center>
</div>
</div>
</div>
<img src="clear.gif" height="10" /><br />
<!-- /FB Comments -->Change APP ID with your app id on facebook, and change yourdomain.com with your domain, and also change data width to how wide you want it, along with color scheme to dark or light.



Hmmmm seems like its for dark themse because the comment window is black & default text for the comment is white and i am using default vbulletin theme and after posting comment its hard to read.. u can't even see fb username or anything, I have to highglit to see which user comment & what is the comment, so any suggestions on this ???

thanks
Thanks :)

[Replicators]

Hmmmm seems like its for dark themse because the comment window is black & default text for the comment is white and i am using default vbulletin theme and after posting comment its hard to read.. u can't even see fb username or anything, I have to highglit to see which user comment & what is the comment, so any suggestions on this ???

thanks
Thanks :)

Where it says "<center><div class="fb-comments" data-href="http://www.yourdomain.com/{vb:raw thread_url}" data-num-posts="2" data-width="800" data-colorscheme="dark"></div></center>" Replace dark with light.

[K!nG]

Thanks,

That solved my issue and now everything is looking goood :)

[sivaganeshk]

Hey, are you an expert in vbulletin mod creation ?

[alawee.blawee]

its not working with me. it just shows the title but nothing shows up like the print screen.
what should I do please?

my forum's link is mriraq.com/vb

[djscoop]

its not working with me. it just shows the title but nothing shows up like the print screen.
what should I do please?

my forum's link is mriraq.com/vb

im having the same issue

[Replicators]

Try reading the last posts and find that we have corrected the problems ourselves.

[alawee.blawee]

i used the code you mentioned in reply 110 sir
it shows up perfectly but when i post nothing go to facebook at all.

[hyperviperx99]

The Facebook Comments code has changed bigtime.

Replacing your current code with something like this should work

<!-- FB Comments -->
<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>
<h2 class="blockhead" style="padding-top:5px;"><span class="optiontitle">Facebook Comments</span></h2>
<div id="thread_tags_list" class="thread_info_block blockbody formcontrols floatcontainer">
<div class="blockrow floatcontainer">
<div id='tag_list_cell'>
<fb:comments <link rel="canonical" href="{vb:raw thread_url}" num_posts="5" width="500"></fb:comments>
</div>
</div>
</div>
<img src="clear.gif" height="10" /><br />
<!-- /FB Comments -->

Thanks Gemma! You're awesome

Where do I put the API key from here ?

[MrBig]

How can i change the width to match the thread?

[K!nG]

How can i change the width to match the thread?


Find this and u can change the width here.


"<center><div class="fb-comments" data-href="http://www.yourdomain.com/{vb:raw thread_url}" data-num-posts="2" data-width="800" data-colorscheme="dark"></div></center>"

[AddwireCom]

Warning: this comments plugin is operating in compatibility mode, but has no posts yet. Consider specifying an explicit 'href' as suggested in the comments plugin documentation to take advantage of all plugin features.

I get this, and nothing updates on FB, and this seems to be a global wide comment on all threads.

[AddwireCom]

Ok everything works, i used the info from this post: https://vborg.vbsupport.ru/showpost.php?p=2278974&postcount=111 and it works like a charm. Thanks guys!

[hyperviperx99]

I really want to add Facebook comments on my CMS articles. Please let me know how to do it. I beg you PLEASE...let me know if you know any way to do this right.

[Popa Andrei]

doesent work on vb 4.1.9

[fatdr]

i only see the title "facebook comments" there is not any field for write a post

whats the problem? my version 4.1.2

[djscoop]

i only see the title "facebook comments" there is not any field for write a post

whats the problem? my version 4.1.2

Same issue - uninstalled

[Pvtiste]

If you don't want to show the facebook comments anywhere (in order to avoid killing the contents of your forum), here a little code to put before:

<vb:if condition="in_array($threadinfo['forumid'], array(xx,yy,zz))">
facebook comment code here
</vb:if>


where xx, yy, zz are the forumID

[dang3rzon3]

how to insert in cms article?

[baghdad4ever]

thanks

why when i choose install this will pop?

You do not have permission to perform this action

[blueperspective]

Nice. Installed it on vB 4.1.10 and it's working!
Thanks for all your help, especially to Replicators.

[deverill2010]

Do you know what would be really great, if comments on Facebook we're posted as individual posts within a thread.

I share a lot of my threads on facebook and often people comment on Facebook rather than my site. I dream for comments being intergrated properly within a thread so it just looks like part of a thread.

[Toorak Times]

Thanks for this, installed, think I get it right, once I figure it out I'll give you some support mate, great stuff!!!

[BF777]

You only upload the xd_receiver.htm to your server, no edits of it at all. I would also be sure that your path to that file is correct where it says "<path from web root>/xd_receiver.htm"). So it would be something like "/home/site/public_html/forum/xd_receiver.htm")

Where does one find the xd_receive.htm file and what exactly is it supposed to do?

[Dave234]

All I see when I click your link (from above)

QUOTE
What is needed for this modification:
•A standard facebook account.
•A facebook application, anyone can set one up and it's simple http://www.facebook.com/developers/createapp.php
UNQUOTE

is "Apps" and to the right of that, a button that says "Create New App"

Nothing happens when I click on the "Apps".

I don't get it.....

[Dave234]

Please, can someone tell me how to get this modification?? When I click the link it goes to facebook but it doesn't show any apps to upload.

[Dave234]

Oh, wait, I think I got it.

[Dave234]

Where is the "SHOWTHREAD TEMPLATE"?

[Dave234]

Is it this???:

Customize Template: showthread-ie.css

I went into Admincp -> Styles & Templates -> Search in Templates -> in the "Search for Text" box I put "showthread")

Then what appears is a long list. There is a "CSS Templates" with two items beneath it ("showthread-ie.css" and "showthread.css") If I click on each of them I am taken to a different box with code in it. Which one do I choose?

[Dave234]

I don't see this "{vb:raw similarthreads}" in either of them, though. So does that mean it is neither of them?

[Dave234]

It didn't work.

[Dave234]

There is a note at the bottom of my forum that now says "The comments plugin requires an href parameter." and it's flashing.

Also, how can I get the facebook comments thing onto the main pages, like the news sections and the blogs?

[David_R]

I am unable to get the facebook APP ID. I have already created a page for my website on facebook but I am unable to find a api key for the same.

[Dave234]

Do "Create App".

I believe you actually create the app, if I'm not mistaken.

But the integration into the code is the part that stumps me. It just isn't 100% integrating once it's in there (please see my posts right above)

[Dave234]

Can anyone help with this??? Got a couple people here who really want to add this feature to our website, but it doesn't seem to work for us.

[Dave234]

How do we do this? It's not working for me.

[Dave234]

At the bottom it is saying: "The comments plugin requires an href parameter." and it is constantly trying to load, but nothing loads. Can someone please help??

[K!nG]

with 4.1.12 its not working... showing 2 iframe boxed in threads randomly ... i had it installed but removed because of these iframe boxes.

[Dave234]

Is it also not working for 4.1.11? Is this why I'm seeing the "The comment plugin requires an href parameter" and an icon next to it that is trying to load something? (But nothing happens)?

[coolankur49]

Well, people who are experiencing difficulties can use my method,

open showthread.php and search for this code

<vb:if condition="!is_browser('ie') AND $show['wysiwyg']">
<!-- Mozilla work around for focusing on QR in WYSIWYG mode -->
<div id="qr_scroll"></div>
</vb:if>
</form>

Add this below it and save.

<div class="fb-comments" data-href="http://www.helpline3d.com/showthread.php?t={vb:raw threadid}" data-num-posts="5" data-width="960"></div>

change helpline3d.com to your domain

[Dave234]

That didn't work. It just added another one of those same "missing href" things...

[coolankur49]

That didn't work. It just added another one of those same "missing href" things...

Have you added that code in showthread template.

My method works perfectly.

[Dave234]

Yes, under the part of the code you said I should add it under. In the "SHOWTHREAD" template. I'm not sure why it's not working for me......

[Angle4cor]

Great mod, thanks. Now the comments are on the left, how to center them?

PS. Mark as installed and nominated!

Ok. Solved. Just add <center> tag at the beginning and the end of the code.

[Angle4cor]

Under the facebook comments I have some warning with "href" on it. How to fix that?

[i156]

Hey K!ng, try this

<!-- FB Comments -->
<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=APP ID";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<h2 class="blockhead" style="padding-top:5px;"><b><span class="optiontitle">Facebook Comments</span></b></h2>
<div id="thread_tags_list" class="thread_info_block blockbody formcontrols floatcontainer">
<div class="blockrow floatcontainer">
<div id='tag_list_cell'>
<center><div class="fb-comments" data-href="http://www.yourdomain.com/{vb:raw thread_url}" data-num-posts="2" data-width="800" data-colorscheme="dark"></div></center>
</div>
</div>
</div>
<img src="clear.gif" height="10" /><br />
<!-- /FB Comments -->Change APP ID with your app id on facebook, and change yourdomain.com with your domain, and also change data width to how wide you want it, along with color scheme to dark or light.

Works perfect. Thanks.

[Dave234]

Can you please just write out the instructions step by step, in plain English, for us who don't know anything about code to be able to do it?

[Akyeame Kwame]

I dug this up, it's pretty easy.

Open album_pictureview template and find:

{vb:raw footer}


Add this above:

<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"></script>
<fb:comments></fb:comments>
<script type="text/javascript"> FB.init("YOUR_API_KEY_HERE", "<path from web root>/xd_receiver.htm"); </script>


Remember the api key and path need to be added as well.

When I use this I get: Warning: this comments plugin is operating in compatibility mode, but has no posts yet. Consider specifying an explicit 'href' as suggested in the comments plugin documentation to take advantage of all plugin features.

Is there an update for this?

[Gamelobby]

Why does facebook app want a secure url for the canvas.?
And what if my site doesn't have one.?

[Gamelobby]

Also why does it choose a random image as the icon for each post.!?
It took a small fraction of an ad banner i have in the footer. lol

*edit*
Actually now thats all it puts for an image with each post is a fraction of an ad banner from my footer.!
Not even an option to have no image. This cant be the way it's meant to work. Why doesn't it grab an avatar or something.!?

[Kraxell]

This is from facebook. You can choose any pic you want with the little arrow, to switch the images.

[postcd]

Hi, please can we do CENTER position for facebook comment box and 100% width (i mean width not set in pixels)?

Thank you

[sodasusu]

i cannt find API facebook ..

[wisemasterchief]

Works perfect. Thanks.

this version works best for me. thanx much

regards,
William

[ali admirer]

hi dear
my vb is 4.2
how can i add the comment in postbit legacy befor the attachment in the center

thnx

[astdirect]

Do you know what would be really great, if comments on Facebook we're posted as individual posts within a thread.

I share a lot of my threads on facebook and often people comment on Facebook rather than my site. I dream for comments being intergrated properly within a thread so it just looks like part of a thread.

+1 to that, looks kind of silly just now as you have posts which dont match up to the thread being viewed as it may be pages back. No real flow unless it is fully integrated to post on thread as well as facebook.

[kimchicrew]

where is the SHOWTHREAD template located?

[postcd]

SHOWTHREAD

too many files in vbulletin, so always use Search in templates function (link located in left admin menu)

add showthread in search field and select search in names. done

[dany_danay]

I think is VERY dificult, but its posible to add replys on Twitter post to the post? Sorry for my english, i want to explain it.
My post go to Twitter, and some user reply to my Twitter account, and i want this reply on the post.

[Termure]

is there any way users can comment up thread and be showed into fb page or group ? or maybe both ? http://www.facebook.com/Diablo3Romania/ and http://www.facebook.com/groups/Diablo3Romania/
If yes, then how and i will install it.

thank you.

[Gamelobby]

+1 to that, looks kind of silly just now as you have posts which dont match up to the thread being viewed as it may be pages back. No real flow unless it is fully integrated to post on thread as well as facebook.
Agreed this would be awesome.!!
Keep your vB active instead of FB. lol


Also ability to add comments to other pages. (groups, etc)

[Harpo]

I want to install this. I have a few questions right now.... Do I have to use my personal fb account? I would rather not.

Also do I simply create a app on facebook?

The facebook side is confusing me...

[stoute]

seems to have broken (4.2.0 -p2) uninstalled

[Dr_Mo7ammad]

it says to me
Warning: this comments plugin is operating in compatibility mode, but has no posts yet. Consider specifying an explicit 'href' as suggested in the comments plugin documentation to take advantage of all plugin features.
then disappear and says
The comments plugin requires an href parameter.

[fahris]

All the comments made, subject to review under the leaves. It looks in all matters.

Secondly, the profile is the link to the site rather than link to the subject.

How do I fix it?

Example:

http://www.risaleforum.net/islamiyet-72/islam-akaidi-ve-fikih-116/islamin-sartlari-123/namaz-kilmak-125/6617-mesbuk-cemaatla-kilinan-namaza-gec-kalma-durumlari.html#post388998

[kurti]

hi,
i'm having problems to understand how to set up that facebook application.
could anyone please describe what to fill in there?

http://www.saveoursounds.net/000/facebook-app.jpg

What do you fill in at:

Basic Info
App Domains: ?
Sandbox Mode: ?

Website with Facebook Login
Site URL: ?

App on Facebook
Canvas URL: ?
Secure Canvas URL: ?

Page Tab
Page Tab URL: ?
Secure Page Tab URL: ?
Page Tab Edit URL: ?


thanks for helping!

[kartheekb]

does this works with 4.2 version

[kartheekb]

worked fine for 4.2 .. Great. marking as installed. cheers

[kartheekb]

after adding this code..

I am getting some warning message below comment box & Getting this popup.. help me




http://img35.imageshack.us/img35/4567/0rn5.jpg

[tbworld]

I have not looked at this mod or the code, but the mod is pretty old compared to the facebook API. What is working, what is not? What were you doing when the error occured.

[cvn]

That's right, this mod is quite old. I tried to use it but it was unstable.

I now use this instead: https://developers.facebook.com/docs/reference/plugins/comments/

P/S: no, sorry! The one from the facebook link above does not work. That will provide a single comment box for the whole site, not a separated comment box for each thread.

[australiaforum]

Is there a way to get the latest comments to show up in a widget or something similar?

[john7911]

thanks a lot ;)

[RichieBoy67]

Does anyone have this working on 4.2 using the latest FB api?

[Chadi]

Is it possible to moderate the FB comments too?

[RichieBoy67]

Does anyone have this working on 4.2 using the latest FB api?

I did have it working on 4.2 but the issue I had was that I could not get it to post from my sites fan page and instead it pulls from my main profile. I really hate this about FB.

It is the same thing with connecting the site to FB. It connects to my fb aqccount so when I try to share it shares to my main account and not my fan page. I really have to look more into this to see if I did something wrong with the app creation.

[faisaly.com]

this doesn't work anymore...

[goxy63]

This would be neat option if can work only with certain forums, is there any working mod for this with bit more options?

[tarball]

how to do that on a v3 ?

[ShawneyJ]

how to do that on a v3 ?

i was wanting this to for vb3, but couldn't find one.
i want mine under the first thread.
although i have not tried as yet to add under first thread, i did however add under QR, same spot as this mod. however certainly different coding.
see in attachment for demo vb3.
after some more testing, i'll be sure to add to vb3 section. so far ive only tested on FF. but im hoping it works for all major browsers and mobile.

EDIT: added here: https://vborg.vbsupport.ru/showthread.php?p=2519693

[mokujin]

I don't think it's hard to add Facebook Comment to vB3, here is the link of the code that you could add manually to SHOWTHREAD template. https://developers.facebook.com/docs/plugins/comments/

[Gamelobby]

I did have it working on 4.2 but the issue I had was that I could not get it to post from my sites fan page and instead it pulls from my main profile. I really hate this about FB.

It is the same thing with connecting the site to FB. It connects to my fb aqccount so when I try to share it shares to my main account and not my fan page. I really have to look more into this to see if I did something wrong with the app creation.

I dont think it ever worked to a fan page or group, etc, only to a personal profile.. Dumb idea right. lol
Who wants an entire forum posted to their profile, or even worse your personal profile posts to a forum.!? :erm: :down:

[friendlymela]

how the member will notify about the new thread?