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:

[kimof911]

very cool

thank u

installed

[wacnstac]

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?

[hubie]

Originally Posted by wacnstac

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.

[wacnstac]

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

[wacnstac]

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?

[wacnstac]

Here's a link to where it is deployed:

http://www.michigan-sportsman.com/fo...d.php?t=327362

[hubie]

Originally Posted by wacnstac

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

[Yellow Slider]

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"/>

[wacnstac]

This is exactly how it is coded in the example thread I included above:

PHP Code:

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