The Arcive of Official vBulletin Modifications Site.

Add "LIKE" button and other Facebook plugins to threads. · **Released**: 05-25-2010

UPDATED: 7/4/10

What's new?
Facebook Comment Box

I recently added the new facebook "Like" button to my forum and I want to share with everyone!

Yes, this is IE,Firefox, Opera, Safari compatible.
Yes, this will also show a "comment" box when hover over.

First thing's first:

1. Go to http://www.facebook.com/developers/createapp.php (Facebook account required)

2. Enter your site name in the "Application Name" field... "agree" - "Create new app"

3. Click the Website tab

4: Enter your site URL in the "Connect URL" field.

i.e. http://www.DOMAIN.com/ (Don't forget the SLASH).

5. Enter DOMAIN.com in the "Base Domain" field and save.

6. In the next page you will see an "Application ID" number. (you'll need it later... keep the window open for now)

Template Edits:

headinclude:
Under:

PHP Code:


			
<meta name="generator" content="vBulletin $vboptions[templateversion]" />

Paste:

PHP Code:


			
<meta property="og:title" content="$threadinfo[title]"/>

<meta property="og:site_name" content="$vboptions[bbtitle]"/>

<meta property="og:type" content="website" />

<meta property="og:image" content="IMAGEPATH"/>

<meta property="fb:admins" content="YOUR PROFILE ID"/>

* Replace IMAGEPATH with the actual path to the image you want to be displayed on people's facebook wall. (You can use your site logo)
*YOUR PROFILE ID = http://www.facebook.com/profile.php?id=randomnumbers

++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++

SHOWTHREAD
Find:

PHP Code:


			
<html xmlns="http://www.w3.org/1999/xhtml" dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">

Replace with:

PHP Code:


			
<html xmlns="http://www.w3.org/1999/xhtml" dir="$stylevar[textdirection]" xmlns:fb="http://www.facebook.com/2008/fbml" lang="$stylevar[languagecode]">

++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++

under:

PHP Code:


			
<body onload="$onload">

Paste:

PHP Code:


			
<div id="fb-root"></div>

<script src="/images/fb.js" type="text/javascript"></script>

*Download and open the attached .js file, Replace "APP ID" with your actual app ID. (not to be confused with profile ID)
*Save and upload fb.js to root/images
++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++

Find:

PHP Code:


			
<!-- / multiquote scripts -->

</if>

Add below:

PHP Code:


			
<!-- Facebook Comment --> 

<br /> 

<if condition="in_array($bbuserinfo[usergroupid],array(1))"><div align="center">

<fb:comments numposts="3" width="800"></fb:comments>

</div></if>

<!-- / Facebook Comment -->

*This will place the Facebook Comment box below the last post, you may change the width to your liking.
*The comment box will only be shown to guests.
++++++++++++++++++++++++++++++++++++++

Now we need to place the "LIKE" button somewhere visible.

I use postbit_legacy so, this is what I did:
Find:

PHP Code:


			
<if condition="$post['title']"><strong>$post[title]</strong></if>

            </div>

Add below:

PHP Code:


			
<if condition="$post[postcount] == 1"><table style="background-color: #ff0000;">

<tr style="background-color: yellow;">

<td style="background-color: #fff;" align="right"><fb:like href="$vboptions[bburl]/showthread.php$session[sessionurl]?p=$post[postid]" width="260"></fb:like></td>

</tr>

</table></if>

* This will place the like button below the first post of every thread.
* you may change the table color to suit your needs.
---------------------------------------------------------------------------
Thanks to BirdOPrey5 for pointing out some mistakes.

Mark as Installed if you use this modification.

DONE! =]

BirdOPrey5 · #52 07-10-2010, 03:41 AM

Thanks for the reply, but I guess my question is why would I only want to show the comment box to guests? I think I'm missing something because wouldn't everyone want a comment to be entered by anyone, member or guest alike? If I don't show the comment box to registered users, like you originally coded, then how would registered users leave comments- is there some other way for them?

BirdOPrey5 · #53 07-10-2010, 04:16 AM

You say:

Quote:

Code:

<br /> 
<!-- Facebook Comment --> 
<if condition="in_array($bbuserinfo[usergroupid],array(2,6,7,5))"><else /><div align="center">
<fb:comments numposts="3" width="800"></fb:comments></if></div>
<!-- / Facebook Comment -->

*This will place the Facebook Comment box below the last post, you may change the width to your liking.
*The comment box will only be shown to guests.

But that code shows it to anyone not in the registered users, mods, admins, or supermods group. Many people have additional usergroups besides these. If you really only want to show to guests you should use:

Code:

<br /> 
<!-- Facebook Comment --> 
<if condition="in_array($bbuserinfo[usergroupid],array(1))"><div align="center">
<fb:comments numposts="3" width="800"></fb:comments>
</div></if>
<!-- / Facebook Comment -->

You also have the start of the <div> inside the conditional and the end of it outside, so the </div> will always be output even if the beginning <div> isn't.
I'm starting to think this is something different then the box where users enter a comment to be posted to their page- maybe this is where comments are left for the thread it's showing?
EDIT- I see this is a completely different thing then simply the 'Like' button... OK, not sure if I need it but will try.

One more thing- I tried this in IE, FF, Chrome, Safari, and Opera- and it worked in all of them but Opera- in Opera I just get the 'loading' graphic and the comment box never appears- but I don't care about Opera anyway- just an FYI.

Xtrigit · #54 07-10-2010, 08:26 AM

Quote:

Originally Posted by BirdOPrey5

Thanks for the reply, but I guess my question is why would I only want to show the comment box to guests? I think I'm missing something because wouldn't everyone want a comment to be entered by anyone, member or guest alike? If I don't show the comment box to registered users, like you originally coded, then how would registered users leave comments- is there some other way for them?

This is just a comment box, good for visitors that are just passing by, they can leave a comment without having to register on your site, the comment gets posted on the page and on their facebook wall. Why show it to members when they can just click the "LIKE" button and write a comment there?

You may not need it, others may.

Personally, i would recommend it, why force someone to register if he/she is only going to post once and never come back? You may "lose" that one registration but in return you will get 3 more to replace him/her.

Let visitors drive you more traffic.

Xtrigit · #55 07-10-2010, 08:45 AM

Quote:

Originally Posted by BirdOPrey5

You say:

If you really only want to show to guests you should use:

Code:

<br /> 
<!-- Facebook Comment --> 
<if condition="in_array($bbuserinfo[usergroupid],array(1))"><div align="center">
<fb:comments numposts="3" width="800"></fb:comments>
</div></if>
<!-- / Facebook Comment -->

Yes, that is correct :up:

Quote:

You also have the start of the <div> inside the conditional and the end of it outside, so the </div> will always be output even if the beginning <div> isn't.

Hehe, that, too, is correct.

Thanks for noticing

BirdOPrey5 · #56 07-10-2010, 01:46 PM

Quote:

Originally Posted by Xtrigit

This is just a comment box, good for visitors that are just passing by, they can leave a comment without having to register on your site, the comment gets posted on the page and on their facebook wall. Why show it to members when they can just click the "LIKE" button and write a comment there?

You may not need it, others may.

Personally, i would recommend it, why force someone to register if he/she is only going to post once and never come back? You may "lose" that one registration but in return you will get 3 more to replace him/her.

Let visitors drive you more traffic.

I get it now, I am using it- I just was confused with the terminology since I thought by 'comment box' it was the small 1 line comment field when you press the like button.

Also I agree with your logic of showing it only to guests but I would suggest also at least the admin, if not mods, in case there is a comment that needs to be removed- I don't usually visit my board as a guest and I may not even be aware of a 'bad' comment otherwise.

BirdOPrey5 · #57 07-10-2010, 03:49 PM

OK, I made a comment with the comment box, it showed up on Facebook but after I left the page and returned to it the comment on the page was gone.

sundarmobiles · #58 07-13-2010, 10:59 AM

can u give the procedure to use navbit area like in the screen shot and also can i use this one for this version 3.7.3?

Digital Jedi · #59 07-14-2010, 08:49 PM

Quote:

Originally Posted by Xtrigit

What is your site URL?

I've implemented facebook plugins in dozens of sites and they all seem to be working great.

I believe some javascript on your site is interfering with facebook plugins.

City of Gamers. Been having trouble with it since before trying this mod out.

Xtrigit · #60 07-15-2010, 01:25 AM

Quote:

Originally Posted by sundarmobiles

can u give the procedure to use navbit area like in the screen shot and also can i use this one for this version 3.7.3?

Open:
Navbar template located in Navigation / Breadcrumb Templates

Find:

PHP Code:


			
        <else />

            <div class="navbar" style="font-size:10pt"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_start.gif" alt="" border="0" /></a> <strong>$vboptions[bbtitle]</strong></div>

        </if>

Replace with:

PHP Code:


			
        <else />

            <div class="navbar" style="font-size:10pt"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_start.gif" alt="" border="0" /></a> <strong>$vboptions[bbtitle]</strong>&nbsp;&nbsp;&nbsp;<fb:like href="$vboptions[bburl]/showthread.php$session[sessionurl]?t=$threadid" layout="button_count" show_faces="false"></fb:like></div>

        </if>

Digital Jedi · #61 07-15-2010, 03:35 AM

Quote:

Originally Posted by Xtrigit

What is your site URL?

I've implemented facebook plugins in dozens of sites and they all seem to be working great.

I believe some javascript on your site is interfering with facebook plugins.

Actually, I just installed the Wibiya toolbar, so I'm think going with the Like button on that. Thanks, though.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.05607 seconds Memory Usage 2,407KB Queries Executed 28 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (3)bbcode_code (12)bbcode_php (8)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (11)post_thanks_box (2)post_thanks_box_bit (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (1)post_thanks_postbit (11)post_thanks_postbit_info (10)postbit (6)postbit_attachment (11)postbit_onlinestatus (11)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.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/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_postinfo_query fetch_postinfo fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start fetch_musername post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end post_thanks_function_fetch_thanks_bit_start post_thanks_function_show_thanks_date_start post_thanks_function_show_thanks_date_end post_thanks_function_fetch_thanks_bit_end post_thanks_function_fetch_post_thanks_template_start post_thanks_function_fetch_post_thanks_template_end postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

2 благодарности(ей) от:
sodasusu, ye22

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!