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

Reply
 
Thread Tools
Add "LIKE" button and other Facebook plugins to threads. Details »»
Add "LIKE" button and other Facebook plugins to threads.
Version: 1.4, by Xtrigit Xtrigit is offline
Developer Last Online: Apr 2011 Show Printable Version Email this Page

Category: Add-On Releases - Version: 3.8.x Rating:
Released: 05-25-2010 Last Update: 07-04-2010 Installs: 55
Template Edits
 
No support by the author.

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

Download Now

File Type: zip Facebook Files.zip (680 Bytes, 381 views)

Screenshots

File Type: png 1.png (4.7 KB, 0 views)
File Type: png 2.png (7.0 KB, 0 views)
File Type: png 3.png (11.1 KB, 0 views)
File Type: png 4.png (15.6 KB, 0 views)
File Type: png 5.png (16.6 KB, 0 views)

Show Your Support

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

Comments
  #32  
Old 06-25-2010, 12:52 AM
Dcoy Dcoy is offline
 
Join Date: Jul 2009
Posts: 14
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by yamahapaul View Post
I can get it to show here if thats any good??
yeah thats fine... how can I do that?
Reply With Quote
  #33  
Old 06-25-2010, 04:35 PM
kjsmith84 kjsmith84 is offline
 
Join Date: Sep 2009
Posts: 78
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I already have made my site page made off of my personal page but I want this info to post to my site page not my personal page- where do I find the info to do this or change the path on where it posts on facebook
Reply With Quote
  #34  
Old 06-25-2010, 07:01 PM
m_7 m_7 is offline
 
Join Date: Apr 2009
Posts: 13
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

thanx man ,,, I will try it later
Reply With Quote
  #35  
Old 06-26-2010, 08:21 AM
profanitytalker profanitytalker is offline
 
Join Date: Nov 2006
Posts: 156
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I'm getting this error...

Code:
You must specify an "href" attribute to the iframe. Something like <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fexample.com%2Ffoo%2Fbar.html"></iframe>
Reply With Quote
  #36  
Old 06-26-2010, 04:19 PM
MissKalunji's Avatar
MissKalunji MissKalunji is offline
 
Join Date: Aug 2003
Location: Canada
Posts: 2,845
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by profanitytalker View Post
I'm getting this error...

Code:
You must specify an "href" attribute to the iframe. Something like <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fexample.com%2Ffoo%2Fbar.html"></iframe>
see what i post here

Quote:
Originally Posted by MissKalunji View Post
The code was missing something, View the "red" part

Works Nice i changed it cause the Thread part wasn't working

i changed to this instead





Thanks!
Reply With Quote
  #37  
Old 06-28-2010, 05:59 AM
Dcoy Dcoy is offline
 
Join Date: Jul 2009
Posts: 14
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

any help about this please

Quote:
I cannot place it anywhere... I tried it and the code will not work properly... the post that will be posted on FB with the link of the thread that you "Like" will becomes an error if I put it in other places like ad_showthread_firstpost_sig and ad_showthread_firstpost_start

so is it really possible to place it on another location? because currently the location of the Like button is kinda messed up.... here's a screenshot http://i49.tinypic.com/2a9cq4h.jpg

its kinda floating between the first post and the new reply botton which is kinda annoying... is there a way to put it besides the edit button or the thanks button so its more cleaner and pleasant to look at
Reply With Quote
  #38  
Old 07-02-2010, 05:08 AM
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
Senior Member
 
Join Date: Jun 2008
Location: New York
Posts: 10,610
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Installed but not working... I went to "like" a thread and I got asked for the comment, I added a comment and posted but got the dreaded red "Error" when I click on "Error" I get a page popup that says:
The page at could not be reached.
Facebook ©2010
Then when i reload the thread, OR ANY OTHER THREAD, it says that I like the thread already, and it says 3,398 other people like the same thing- impossible, I only have about 250 active users and 95% of them weren't online.
this is all in firefox...
in IE I get another popup error when I click "Like" I get:
An error occurred with Facebook Platform Opt In. Please try again later.
It also says 3,298 other people like it.

I've double checked the meta tags and my app id, all valid/correct. Any ideas?

Oh, and facebook of course never posts it.
Reply With Quote
  #39  
Old 07-02-2010, 05:18 AM
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
Senior Member
 
Join Date: Jun 2008
Location: New York
Posts: 10,610
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I don't know if it makes a difference but the link in the template edit: http://www.facebook.com/2008/fbml doesn't work/page not found error.

i couldn't get it to work, no idea why, it's the same code Facebook themselves gives out... so i switched to an iframe version of the code and all works well- just no comments posted.
Reply With Quote
  #40  
Old 07-02-2010, 02:53 PM
Daisyboo Daisyboo is offline
 
Join Date: Jul 2008
Location: Somerset UK
Posts: 174
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I had this working fine but now instead of posting the name of the thread it posts the name of the forum and when clicked it says No Thread specified. If you followed a valid link, please notify the administrator
Reply With Quote
  #41  
Old 07-02-2010, 03:07 PM
Daisyboo Daisyboo is offline
 
Join Date: Jul 2008
Location: Somerset UK
Posts: 174
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Never mind uninstalled.
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 07:20 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.05572 seconds
  • Memory Usage 2,383KB
  • 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
  • (2)bbcode_code
  • (10)bbcode_php
  • (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
  • (11)post_thanks_box
  • (2)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