Add-On Releases - Add "LIKE" button and other Facebook plugins to threads.

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

[RobbieZ]

The colouring in is extraordinary.

Thanks.

[Xtrigit]

No problem

[Frank Sinatra]

Thanks a lot, was waiting some like this.

[stamos2003]

the right title and link is not posted correct at facebook,
seems like the topic ID doesn't come over

[stamos2003]

ok here is the fix and the hint for showing it only for the first post:

 
<if condition="$post[postcount] == 1">
<fb:like href="http://www.YOURSITE.COM/forum/showthread.php$session[sessionurl]?p=$post[postid]" width="500"></fb:like>  
</if>

i have put mine in the postbit template after "CONTROLS" and it works fine now

[Brandon Sheley]

nice mod, how is it different then the other 2?

[Xtrigit]

Originally Posted by Loco.M

nice mod, how is it different then the other 2?

Not much difference, this one just makes use of the meta tags as recommended by facebook, works in all major browsers , adds the picture of the person who LIKED the content, adds a cookie so that a user can only like a thread once, the ability to add a comment (comment will appear on the person's "wall"). and... that's it!

Also, in facebook, you will see something like:

Joe likes "page title" on "site name"

rather than:

Joe likes "page title".

[UnganWeb]

Error (I think stems Zoints Seo)

[kall]

Originally Posted by Xtrigit

Not much difference, this one just makes use of the meta tags as recommended by facebook, works in all major browsers , adds the picture of the person who LIKED the content, adds a cookie so that a user can only like a thread once, the ability to add a comment (comment will appear on the person's "wall"). and... that's it!

Also, in facebook, you will see something like:

Joe likes "page title" on "site name"

rather than:

Joe likes "page title".

So you haven't seen mine then.