vBulletin Mods

The Official vBulletin Modifications Site
https://www.vbulletin.org/forum/showthread.php?t=315007

Facebook Comments Box to Threads for VB3
by ShawneyJ
22 Oct 2014 04:38

2 Attachment(s)
I didn't see a facebook comments in threads mod for vb3.8.x. Or maybe im just going blind! A client wanted this added under her first post. And yes, works a treat for FF, IE, Chrome, Mobile.

I wasn't a huge fan of fb comments under first post. So i will just add here how i added fb comments like my test chat forum, which is placed nicely under Quick Reply.

How to add the facebook comments box to your thread vb3 only.
First, create a Facebook App.

Visit http://developers.facebook.com
Login with your Facebook account.
Select Apps from the navigation menu and choose Create a New App.
Fill in the Display Name and select a category that matches your app.
Click Create App - Youíll now be taken to your Appís Dashboard page.

Click the Settings link and add a Contact Email address and App Domain (your site URL) and Save your changes.

Next, click the Status & Review link, and toggle the switch to make the app public.

Note: maybe a tiny bit different than when i last added Apps.

Ok, so you have your App ID ready to do these template edits to your vbulletin.

This code is slightly modified to pass validator.w3.

In SHOWTHREAD Template find:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.



And add this Below:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.



Change in red "YOUR-APP-ID" with your FB App ID.

Still in SHOWTHREAD Template, add your FB Comments under quick reply.

Search for:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.



Add below:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.


And Save.

Dont for get to change the x,x,x highlighted in red.
For Example, if i wanted to hide the Facebook Comments in certain Forums, i would place in the Forums ID 40 and 16. My code would look like this:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.



Tips,
All this can be edited in the Code:
data-colorscheme = "light" or "dark" theme.
data-numposts = the number of comments to show by default, which is set at 5.
data-order-by = "social", "reverse_time", or "time".
data-width = the width of the FB Box in pixels. For a fluid width, use 100%.
Note: IE dont like fluid width at 100%, it chucks a hissy fit.

You would be better to leave width at nothing.

Moderation.
If you want moderators for your Comment box, visit your Appís Role page and add their Facebook ID as an Administrator.

Lastly, if you want comments box under first post which is added in Postbit Template, and, or anywhere else in your thread, i can add the How-To here.

Screenshots added and Demo at me test chat forums.
Cheers.

tbworld 22 Oct 2014 08:08

Nice work @Shawneyj, Thanks for sharing. :)

RELAX13 29 Oct 2014 14:11

Good Id :D

abdobasha2004 31 Oct 2014 03:42

nice addition... Simple!


All times are GMT. The time now is 05:04.

Powered by vBulletin® Version 3.8.14
Copyright © 2021, MH Sub I, LLC dba vBulletin. All Rights Reserved. vBulletin® is a registered trademark of MH Sub I, LLC
Copyright ©2001 - , vbulletin.org. All rights reserved.