vb.org Archive
Page 1 of 14 1 2311 Last »
Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 3.8 Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=236)
-   -   Add-On Releases - Add "LIKE" button and other Facebook plugins to threads. (https://vborg.vbsupport.ru/showthread.php?t=243319)

Xtrigit 05-25-2010 10:00 PM
Add "LIKE" button and other Facebook plugins to threads.
 
1 Attachment(s)
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! =]

RobbieZ 05-26-2010 08:23 PM
The colouring in is extraordinary.

Thanks.

Xtrigit 05-26-2010 10:19 PM
No problem ;)

Frank Sinatra 05-27-2010 03:35 AM
Thanks a lot, was waiting some like this.

stamos2003 05-27-2010 12:36 PM
the right title and link is not posted correct at facebook,
seems like the topic ID doesn't come over

stamos2003 05-27-2010 01:01 PM
ok here is the fix and the hint for showing it only for the first post:

Code:

<if condition="$post[postcount] == 1">
<fb:like href="http://www.YOURSITE.COM/forum/showthread.php$session[sessionurl]?p=$post[postid]" width="500"></fb:like> 
</if>
i have put mine in the postbit template after "CONTROLS" and it works fine now :)

Brandon Sheley 05-27-2010 02:08 PM
nice mod, how is it different then the other 2?

Xtrigit 05-27-2010 04:50 PM
Quote:
Originally Posted by Loco.M (Post 2044103)
nice mod, how is it different then the other 2?
Not much difference, this one just makes use of the meta tags as recommended by facebook, works in all major browsers , adds the picture of the person who LIKED the content, adds a cookie so that a user can only like a thread once, the ability to add a comment (comment will appear on the person's "wall"). and... that's it!

Also, in facebook, you will see something like:

Joe likes "page title" on "site name"

rather than:

Joe likes "page title".

:)

UnganWeb 05-28-2010 12:38 AM
Error :( (I think stems Zoints Seo)

kall 05-28-2010 01:23 AM
Quote:
Originally Posted by Xtrigit (Post 2044190)
Not much difference, this one just makes use of the meta tags as recommended by facebook, works in all major browsers , adds the picture of the person who LIKED the content, adds a cookie so that a user can only like a thread once, the ability to add a comment (comment will appear on the person's "wall"). and... that's it!

Also, in facebook, you will see something like:

Joe likes "page title" on "site name"

rather than:

Joe likes "page title".

:)
So you haven't seen mine then.


All times are GMT. The time now is 06:47 AM.
Page 1 of 14 1 2311 Last »
Show 40 post(s) from this thread on one page

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01260 seconds
  • Memory Usage 1,774KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)bbcode_code_printable
  • (10)bbcode_php_printable
  • (2)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (2)pagenav_pagelink
  • (1)pagenav_pagelinkrel
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (10)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.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/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.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
  • printthread_start
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete