Add-On Releases - Add Facebook "Like" button to your threads [vB 3.8.x]

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 *

<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.YOURSITE.com/showthread.php$session[sessionurl]?p=$post[postid]&amp;layout=button_count&amp;show_faces=true&amp;width=&amp;action=like&amp;colorscheme=light" 
scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:100px; height:20px"></iframe>

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

<iframe src="http://www.facebook.com/widgets/like.php?href=http://www.YOURSITE.com/showthread.php$session[sessionurl]?p=$post[postid]&amp;show_faces=false&amp
        scrolling="no" frameborder="0" 
        style="border:none; width:450px; height:25px"></iframe>

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

Installation:

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

<!-- controls -->

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:

<if condition="$post[postcount] == 1">YOUR CODE</if>

*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 :up

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

<if condition="$post[postcount] == 1 AND !in_array($GLOBALS[forumid], array(40, 39))">


<p><fb:like></fb:like></p>

<div id="fb-root"></div>
    <script>
      window.fbAsyncInit = function() {
        FB.init({appId: 'yourappID', status: true, cookie: true,
                 xfbml: true});
      };
      (function() {
        var e = document.createElement('script');
        e.type = 'text/javascript';
        e.src = document.location.protocol +
          '//connect.facebook.net/en_US/all.js';
        e.async = true;
        document.getElementById('fb-root').appendChild(e);
      }());
    </script>


</if>

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

Internet Explorer browser fix: https://vborg.vbsupport.ru/showpost....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 :up:

[wacnstac]

Also how does it work..!?
Any way that i can "like" things from my FB group or company page, instead of my personal profile.?

That would be very cool, but I don't think it's possible right now.

[Brandon Sheley]

Very cool mod, thanks so much
it works exactly how it should
I'm going to play with the placement a little, but here is a "Like" demo if you want to check it out.

[Geek Specialtie]

Looks like a missing closing quote for src tag.

original

<iframe src="http://www.facebook.com/widgets/like.php?href=http://www.YOURSITE.com/showthread.php$session[sessionurl]?p=$post[postid]&amp;show_faces=false&amp 
        scrolling="no" frameborder="0" 
        style="border:none; width:450px; height:25px"></iframe>

closing quote added

<iframe src="http://www.facebook.com/widgets/like.php?href=http://www.YOURSITE.com/showthread.php$session[sessionurl]?p=$post[postid]&amp;show_faces=false&amp" 
        scrolling="no" frameborder="0" 
        style="border:none; width:450px; height:25px"></iframe>

I haven't tried this yet but seems some browsers may have an issue with this.

[Uberguilds]

The button on every single post lags out my website in certain browsers/platforms. Had to take it down =/

[hubie]

Originally Posted by Gamelobby

This is very cool, but it doesn't seem to work with "Chief 1st post"..?
Any ideas.?

You have to add the code manually in Chief 1st post templates to get it work.

Also how does it work..!?
Any way that i can "like" things from my FB group or company page, instead of my personal profile.?
I would like to know the same.

Originally Posted by Loco.M

Very cool mod, thanks so much
it works exactly how it should
I'm going to play with the placement a little, but here is a "Like" demo if you want to check it out.

Great! but testing whit your demo i've noted that when i like the post and then go to my fb page the wall title shows the root of your forums and no the single post in particular. Maybe a miss of code there.

Originally Posted by Geek Specialtie

Looks like a missing closing quote for src tag.

Thanks, i'll check and fix.

Originally Posted by Uberguilds

The button on every single post lags out my website in certain browsers/platforms. Had to take it down =/

You must add the conditional "<if...>" (at first post of this thread) if don't want the button on every single post.

[cdoyle]

I'm going to add this to my site, just had a question on the demo.
I'm looking at it right now, and it only says 1 for the count (was 0 before I clicked it), is that right?

After so many from here trying it out, I would think it would be higher than that

[hubie]

Originally Posted by cdoyle

I'm going to add this to my site, just had a question on the demo.
I'm looking at it right now, and it only says 1 for the count (was 0 before I clicked it), is that right?

After so many from here trying it out, I would think it would be higher than that

Yes you're right. i've replaced the button and the count is still at 0. Not sure if the problem is related with facebook, please give me feedback about it.

[cdoyle]

Originally Posted by hubie

Put this code:

<if condition="$post[postcount] == 1 AND in_array($GLOBALS[forumid], array(X,Y,Z))">Your Code</if>

Where in X,Y,Z you have to put the forum IDs you want the button appear, and in the forum ID not especified the button won?t appear.

Just wanted to add, that I modified this IF a little, to make it so you only need to enter the forums you want to exclude

PHP Code:

<if condition="$post[postcount] == 1 AND !in_array($GLOBALS[forumid], array(c, j))"> 


Just enter the forums you want excluded, and these forums won't show the button and the rest will.

[cdoyle]

Originally Posted by hubie

Yes you're right. i've replaced the button and the count is still at 0. Not sure if the problem is related with facebook, please give me feedback about it.

I just took another look at the demo, and right now it's only showing that I clicked the button.
I'm assuming that you clicked it too right?

I think I'm seeing the same thing on my forum, but I'm waiting for members to reply back if they clicked it in the test post.

I think it's a problem on Facebooks side, I've tried adding the like button to my RPG game. So far I only have 1 click there too, even though some have said they clicked it.

It also doesn't help that the facebook developer forums have been down all weekend too.

[cdoyle]

Has anyone else had any luck with the like button?
It seems for me, at least when I look at it. It only shows when I click on it, and doesn't give a total count of how many have clicked it.

Just like the demo, it only shows that I clicked on it and nobody else.

That can't be right can it?