vb.org Archive - Show Thread Enhancements - Add Facebook comments to threads

Page 1 of 5

Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 4.x Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=246)

- - Show Thread Enhancements - Add Facebook comments to threads (https://vborg.vbsupport.ru/showthread.php?t=239023)

ericgtr

03-23-2010 10:00 PM

Add Facebook comments to threads

1 Attachment(s)

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:

Code:

{vb:raw similarthreads}

Add this above:

Code:

        <!-- 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

03-24-2010 05:14 PM

Nice. Tagged.

Juggernaut

03-24-2010 09:30 PM

Tagged :D

TNCclubman

03-24-2010 09:44 PM

Holy shit! MOTM!

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

ericgtr

03-24-2010 10:44 PM

Quote:

Originally Posted by TNCclubman (Post 2009664)

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

03-25-2010 05:04 AM

thanks a lottttttt

works fine ..

Jabong82

03-25-2010 06:10 AM

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

03-25-2010 01:10 PM

Quote:

Originally Posted by Jabong82 (Post 2009843)

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/...p/Comments_Box it doesn't look like there are a whole lot of options that way unfortunately.

ericgtr

03-25-2010 01:47 PM

Quote:

Originally Posted by ericgtr (Post 2009705)

I dug this up, it's pretty easy.

Open album_pictureview template and find:

Code:

{vb:raw footer}

Add this above:

Code:

<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

03-26-2010 12:26 AM

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

cloferba

03-26-2010 12:29 AM

and the facebook user wall screenshot??

i would like to see how comments appears on the wall

ericgtr

03-26-2010 03:30 AM

Quote:

Originally Posted by malas2007 (Post 2010330)

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

Quote:

Originally Posted by cloferba (Post 2010332)

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

03-26-2010 09:53 PM

EDit:

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

FazerPaint

03-26-2010 11:40 PM

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

Excellent work :up:

ericgtr

03-27-2010 03:17 AM

Quote:

Originally Posted by SwollenCranium (Post 2010807)

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.

Quote:

Originally Posted by FazerPaint (Post 2010860)

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

Excellent work :up:

Thanks!

TNCclubman

03-27-2010 04:42 PM

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

03-27-2010 06:18 PM

Quote:

Originally Posted by TNCclubman (Post 2011154)

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

03-30-2010 06:46 AM

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

ericgtr

03-30-2010 01:07 PM

Quote:

Originally Posted by pнιl ĸ?vιn (Post 2012699)

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

03-30-2010 07:37 PM

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

03-30-2010 07:51 PM

Quote:

Originally Posted by pнιl ĸ?vιn (Post 2013053)

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

03-30-2010 08:13 PM

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

literatestylish

03-31-2010 04:28 PM

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

03-31-2010 04:40 PM

Quote:

Originally Posted by literatestylish (Post 2013555)

Sure, I've updated the first post to be a little more clear.

Brandon Sheley

03-31-2010 04:40 PM

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

ericgtr

03-31-2010 05:00 PM

Quote:

Originally Posted by Loco.M (Post 2013560)

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/showt...Blah-Blah-Blah...

SwollenCranium

04-06-2010 06:04 PM

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

04-06-2010 06:24 PM

Quote:

Originally Posted by SwollenCranium (Post 2016944)

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

04-08-2010 10:46 AM

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

04-08-2010 11:51 AM

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

04-08-2010 02:10 PM

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

04-08-2010 02:55 PM

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

04-08-2010 03:50 PM

Quote:

Originally Posted by TNCclubman (Post 2017956)

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

04-08-2010 05:33 PM

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

{vb:rawphrase view_tag_cloud}

saviola8x

04-08-2010 07:14 PM

Quote:

Originally Posted by ericgtr (Post 2013572)

Sure, here you go, scroll to the bottom http://www.politicalgroove.com/showt...Blah-Blah-Blah...

this demo is not work.

ericgtr

04-08-2010 07:24 PM

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...?id=29112&p=18

Sancipa

04-11-2010 06:45 PM

New Script

Code:

<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

04-12-2010 01:50 PM

Quote:

Originally Posted by Sancipa (Post 2019569)

New Script

Code:

<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

04-13-2010 11:25 PM

perfect, new code works on vB 3.8.5.

Thanks!

MOTM!!

TimberFloorAu

04-22-2010 01:00 AM

1 Attachment(s)

I dont see connect URL in the developers part:

Under.Essential Information.

I have :

All times are GMT. The time now is 12:50 PM.

Page 1 of 5

Last »

Show 40 post(s) from this thread on one page

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01479 seconds Memory Usage 1,828KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (6)bbcode_code_printable (16)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (2)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (40)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: