Go Back   vb.org Archive > vBulletin Modifications > vBulletin 3.8 Modifications > vBulletin 3.8 Add-ons
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools
Add Facebook "Like" button to your threads [vB 3.8.x] Details »»
Add Facebook "Like" button to your threads [vB 3.8.x]
Version: 1.00, by hubie hubie is offline
Developer Last Online: Jun 2013 Show Printable Version Email this Page

Category: Add-On Releases - Version: 3.8.x Rating:
Released: 04-22-2010 Last Update: Never Installs: 225
Template Edits
 
No support by the author.

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 *
Code:
<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) *
Code:
<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:
Code:
<!-- 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:
Code:
<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.

Code:
<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:

Download Now

File Type: txt Facebook Like Button.txt (1.3 KB, 1380 views)

Screenshots

File Type: jpg faceb1.jpg (41.1 KB, 0 views)
File Type: jpg faceb2.jpg (6.9 KB, 0 views)
File Type: jpg faceb3.jpg (32.8 KB, 0 views)
File Type: jpg fbk1.jpg (17.4 KB, 0 views)
File Type: jpg fbk2.jpg (28.4 KB, 0 views)

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.
3 благодарности(ей) от:
Drhago, TheLegendB, yasser4101

Comments
  #72  
Old 05-14-2010, 02:13 AM
cdoyle cdoyle is offline
 
Join Date: Oct 2004
Posts: 462
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I thought the problem with the IE code was the if statement for displaying only on the first thread? At least I thought that's what someone said earlier. Does the code above solve that too?
Reply With Quote
  #73  
Old 05-14-2010, 05:05 AM
hubie hubie is offline
 
Join Date: Jul 2009
Posts: 43
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by cdoyle View Post
I thought the problem with the IE code was the if statement for displaying only on the first thread? At least I thought that's what someone said earlier. Does the code above solve that too?
I don't think the problem was the variable "if", since I'm currently using it with IE and the problem is solved by changing the code such as above.
Reply With Quote
  #74  
Old 05-14-2010, 09:35 AM
imedic's Avatar
imedic imedic is offline
 
Join Date: Mar 2008
Location: Romania
Posts: 178
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

It seems I have same problem of not showing the button. Is probably a conflict with other mods installed. I put it on a forum without Chief First post mod and still not working.
I am thinking of Topic of the month, or quote post on PM mods but is just a guess.
I am looking for having this mod on my forums...
Nice mod.

@ Hubie - Your modification does not work in FF but work in IE. It mislead me the mod is not working.
I am using last version of FF and forum is 3.8.4 with lots of mods.

edit: Am I dumm or what: Remember to tell No script in Firefox to let facebook.net or you won't see the button.
@ Hubie - Your modification works both in IE and FF! Great, thanks.
Reply With Quote
  #75  
Old 05-15-2010, 12:00 PM
Deimos Deimos is offline
 
Join Date: Oct 2002
Posts: 529
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by hubie View Post
Here's a fix of IE issue changing some code. With this code the button is now displayed in IE browser.

Please let me know if it's working properly.

Code:
<div id="fb-root"></div> <script> 
  window.fbAsyncInit = function() {
    FB.init({
      appId  : '100673979977717',
      status : true, // check login status
      cookie : true, // enable cookies to allow the server to access the session
      xfbml  : true  // parse XFBML
    });
  };
 
  (function() {
    var e = document.createElement('script');
    e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
    e.async = true;
    document.getElementById('fb-root').appendChild(e);
  }());
</script> <fb:like layout="standard" show_faces="true" width="300" action="like" colorscheme="light" />
*Note: If you use the appId that appears in the code above, you'll get an interesting effect 'onmouseover' with the title of thread.

I'm using the second bit of code from the original post, which works AOK in firefox, where do I go about putting the IE code pasted above?

Also, I notice some threads properly relay their title to Facebook, but some do not
I'm using VBSeo, so thought it might be that, but it seems odd that two threads in the same forum, have different results.
Reply With Quote
  #76  
Old 05-15-2010, 12:43 PM
Xencored Xencored is offline
 
Join Date: Sep 2008
Location: UK, Scuny
Posts: 1,337
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by kall View Post
I've not installed this mod, but.. have you defined the og: stuff?

Try: http://www.nzboards.com/new-zealand-...t-3-5-a-90512/ (it's under the Reply to Thread/Thread Title), then check my FB profile.

What code did you use mate to get it to work like that
It show awesome on my facebook page after i click "like"
Thanks
Reply With Quote
  #77  
Old 05-15-2010, 01:06 PM
cdoyle cdoyle is offline
 
Join Date: Oct 2004
Posts: 462
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

hmm, I still can't get this to work in IE.

I am now using this

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


<div id="fb-root"></div> <script> 
  window.fbAsyncInit = function() {
    FB.init({
      appId  : 'xxxxxxxxxxxxxx',
      status : true, // check login status
      cookie : true, // enable cookies to allow the server to access the session
      xfbml  : true  // parse XFBML
    });
  };
 
  (function() {
    var e = document.createElement('script');
    e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
    e.async = true;
    document.getElementById('fb-root').appendChild(e);
  }());
</script> <fb:like layout="standard" show_faces="true" width="300" action="like" colorscheme="light" />


</if>
seems to work fine in FF, but IE nothing appears at all? Any ideas?
Reply With Quote
  #78  
Old 05-16-2010, 06:36 AM
Devanand Devanand is offline
 
Join Date: Apr 2009
Posts: 183
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by cdoyle View Post
hmm, I still can't get this to work in IE.

I am now using this

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


<div id="fb-root"></div> <script> 
  window.fbAsyncInit = function() {
    FB.init({
      appId  : 'xxxxxxxxxxxxxx',
      status : true, // check login status
      cookie : true, // enable cookies to allow the server to access the session
      xfbml  : true  // parse XFBML
    });
  };
 
  (function() {
    var e = document.createElement('script');
    e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
    e.async = true;
    document.getElementById('fb-root').appendChild(e);
  }());
</script> <fb:like layout="standard" show_faces="true" width="300" action="like" colorscheme="light" />


</if>
seems to work fine in FF, but IE nothing appears at all? Any ideas?
I did same thing and have same problem....still nothing to show in IE.
Reply With Quote
  #79  
Old 05-16-2010, 01:58 PM
cdoyle cdoyle is offline
 
Join Date: Oct 2004
Posts: 462
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I tried the demo out again, and it's not showing in IE either.
Reply With Quote
  #80  
Old 05-17-2010, 04:23 PM
Monkeylord Monkeylord is offline
 
Join Date: Mar 2009
Posts: 2
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

IE fix seems to be working fine for me, although the "Like" button seems to be showing up twice when I checked in Chrome. Not tried any other browsers yet though.
Reply With Quote
  #81  
Old 05-19-2010, 09:11 AM
Monkeylord Monkeylord is offline
 
Join Date: Mar 2009
Posts: 2
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Spoke to soon, seems the IE fix isn't working properly for me. Everything comes up fine, but between navigating away from the page and returning the FB button seems to have forgotten that I "Like" the thread, and goes back to asking me to be the first of my friends to like it again.

Frustrating!

Also, when it posts a comment to my wall it grabs the first image it can find on the page... which is always a box-corner!
Reply With Quote
Reply


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

Forum Jump


All times are GMT. The time now is 04:15 PM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.05717 seconds
  • Memory Usage 2,366KB
  • Queries Executed 26 (?)
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
  • (8)bbcode_code
  • (4)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
  • (1)pagenav_pagelinkrel
  • (11)post_thanks_box
  • (3)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_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