Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Add Facebook "Like" button to your threads [vB 3.8.x] Details »
Add Facebook "Like" button to your threads [vB 3.8.x]
Mod Version: 1.00, by hubie (Member) hubie is offline
Developer Last Online: Jun 2013 I like it Show Printable Version Email this Page

vB Version: 3.8.x Rating: (24 votes - 4.67 average) Installs: 223
Released: 23 Apr 2010 Last Update: Never Downloads: 1314
Not Supported Template Edits  

This mod is based on this, but working on vB 3.8.x.

As was said there: Facebook has just launched their latest "Like" button to developers to use on any site. What this does is utilizes the Advertising module to add the "Like" button to the first post of each thread. Please see screenshots to get an idea.

DEMO

IFrame Method

There is two kind of "Like" button (IFrame Method):

- With a smallest counter at his side *

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


- With a largest counter (and names of people who have clicked) *

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

*Change show_faces=false for true if you want to see faces

Installation:

Go to your Postbit/Postbit Legacy template and search for:

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

And add below the code that you previously selected according your favorite button style.

If you want that the button only appears in first post of a thread, add this variables at the beginning and end of the code that you previously selected:

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

*You should add these variables, otherwise the button will be displayed in every post, which makes no sense.



XFBML Method (recommended)
This is a richer way to send the contents of your board to Facebook, because it gives to users the possibility to add more information and also an image of your site is displayed on their FB wall (see the screenshots below).

Installation: (provided by cdoyle, thanks mate )

You'll need to register your app here: http://developers.facebook.com/setup/, and get an ID to place into the code below.


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

-----------------------------------------------------------------------------------------------------

Internet Explorer browser fix: http://www.vbulletin.org/forum/showp...5&postcount=70

-----------------------------------------------------------------------------------------------------

For additional information on this button and different parameters please visit http://developers.facebook.com/docs/...e/plugins/like

Remember to click Mark as Installed if you use this modification

Download Now

Only licensed members can download files, Click Here for more information.

Screenshots

Click image for larger version

Name:	faceb1.jpg
Views:	4716
Size:	41.1 KB
ID:	116200   Click image for larger version

Name:	faceb2.jpg
Views:	2563
Size:	6.9 KB
ID:	116201   Click image for larger version

Name:	faceb3.jpg
Views:	3068
Size:	32.8 KB
ID:	116202   Click image for larger version

Name:	fbk1.jpg
Views:	3385
Size:	17.4 KB
ID:	116518  

Click image for larger version

Name:	fbk2.jpg
Views:	2563
Size:	28.4 KB
ID:	116519  

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • If you like this modification support the author by donating.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
Show Thread Enhancements Add New Facebook "Like" button to your threads ericgtr vBulletin 4.x Template Modifications 252 16 Sep 2014 04:30

Comments
  #2  
Old 23 Apr 2010, 13:36
kimof911 kimof911 is offline
 
Join Date: Sep 2008
very cool

thank u

installed
Reply With Quote
  #3  
Old 23 Apr 2010, 16:54
wacnstac wacnstac is offline
 
Join Date: Nov 2001
Two comments. After I install and customize to my URL it clicks my like through momentarily and indicates that my User Name likes the post, but then it quickly transistions to showing "Be the first of your friends to like this. Admin Page Error" Also my likes never get posted on my facebook wall. How do I get it to show on my wall?
Reply With Quote
  #4  
Old 23 Apr 2010, 17:22
hubie hubie is offline
 
Join Date: Jul 2009
Originally Posted by wacnstac View Post
Two comments. After I install and customize to my URL it clicks my like through momentarily and indicates that my User Name likes the post, but then it quickly transistions to showing "Be the first of your friends to like this. Admin Page Error" Also my likes never get posted on my facebook wall. How do I get it to show on my wall?
Have you tried the two versions of button? Please send me a link to check.
Reply With Quote
  #5  
Old 23 Apr 2010, 17:27
wacnstac wacnstac is offline
 
Join Date: Nov 2001
Looking at my source for the page in question gives me some answers. The source generated shows:

<iframe src="http://www.facebook.com/widgets/like.php?href=http://www.michigan-sportsman.com/showthread.php?p=3110497&amp;show_faces=true&amp
scrolling="no" frameborder="0"


but the real URL for the page is: http://www.michigan-sportsman.com/fo...d.php?t=327362

You can see a demo of the problem I am seeing if you go here:
http://www.facebook.com/widgets/like....php?p=3110497
Reply With Quote
  #6  
Old 23 Apr 2010, 17:32
wacnstac wacnstac is offline
 
Join Date: Nov 2001
Actually once I added "forum" in my path so that I have the correct URL, it does work in isolation:

http://www.facebook.com/widgets/like...ling=%22yes%22

But still throws an error when on my forum. Any ideas?
Reply With Quote
  #7  
Old 23 Apr 2010, 17:33
wacnstac wacnstac is offline
 
Join Date: Nov 2001
Here's a link to where it is deployed:

http://www.michigan-sportsman.com/fo...d.php?t=327362
Reply With Quote
  #8  
Old 23 Apr 2010, 17:39
hubie hubie is offline
 
Join Date: Jul 2009
Originally Posted by wacnstac View Post
Looking at my source for the page in question gives me some answers. The source generated shows:

<iframe src="http://www.facebook.com/widgets/like.php?href=http://www.michigan-sportsman.com/showthread.php?p=3110497&amp;show_faces=true&amp
scrolling="no" frameborder="0"


but the real URL for the page is: http://www.michigan-sportsman.com/fo...d.php?t=327362

You can see a demo of the problem I am seeing if you go here:
http://www.facebook.com/widgets/like....php?p=3110497
You have to change "showthread.php?p=3110497" for "showthread.php$session[sessionurl]?p=$post[postid]".

You only have to put your sitename, then you code would be: "http://www.michigan-sportsman.com/forum/showthread.php$session[sessionurl]?p=$post[postid]..."

If it helps you mark as installed, if not, comment please
Reply With Quote
  #9  
Old 23 Apr 2010, 17:40
Yellow Slider Yellow Slider is offline
 
Join Date: Aug 2006
why aren't you using the the meta data in the showthread page?

* <meta property="og:title" content="The Rock"/>
* <meta property="og:site_name" content="IMDb"/>
* <meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
Reply With Quote
  #10  
Old 23 Apr 2010, 17:47
wacnstac wacnstac is offline
 
Join Date: Nov 2001
This is exactly how it is coded in the example thread I included above:


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

Reply With Quote
  #11  
Old 23 Apr 2010, 18:04
hubie hubie is offline
 
Join Date: Jul 2009
Originally Posted by wacnstac View Post
This is exactly how it is coded in the example thread I included above:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.
The code seems to be ok, please add the same code next to "<!-- controls -->" for testing purposes and check if your problem is related with your postbit template.
Reply With Quote
  #12  
Old 23 Apr 2010, 18:06
Yellow Slider Yellow Slider is offline
 
Join Date: Aug 2006
you should have a version with thread id only, for those who want it just for thr first post

showthread.php?t=xxxxxx
Reply With Quote
  #13  
Old 23 Apr 2010, 18:11
AcidX's Avatar
AcidX AcidX is offline
 
Join Date: Jan 2006
The first post option doesn't work. "Like" buttons show on every first page, not first post.

Edit: it shows on private messages too.
__________________
My mods.

Last edited by AcidX; 23 Apr 2010 at 18:24.
Reply With Quote
  #14  
Old 23 Apr 2010, 18:12
wacnstac wacnstac is offline
 
Join Date: Nov 2001
When I put this code in, replacing what I had:


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

Nothing at all shows up.
Reply With Quote
  #15  
Old 23 Apr 2010, 18:41
Yellow Slider Yellow Slider is offline
 
Join Date: Aug 2006
Originally Posted by AcidX View Post
The first post option doesn't work. "Like" buttons show on every first page, not first post.

Edit: it shows on private messages too.
you're right, can some one fix it?
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 01:46.

Layout Options | Width: Wide Color: