Add-On Releases - Add "LIKE" button and other Facebook plugins to threads. [Archive]

View Full Version : Add-On Releases - Add "LIKE" button and other Facebook plugins to threads.

Xtrigit

05-25-2010, 10:00 PM

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:
<meta name="generator" content="vBulletin $vboptions[templateversion]" />

Paste:
<meta property="og:title" content="$threadinfo[title]"/>
<meta property="og:site_name" content="$vboptions"/>
<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:
<html xmlns="http://www.w3.org/1999/xhtml" dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">

Replace with:
<html xmlns="http://www.w3.org/1999/xhtml" dir="$stylevar[textdirection]" xmlns:fb="http://www.facebook.com/2008/fbml" lang="$stylevar[languagecode]">

++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++

under:
<body onload="$onload">

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

</if>

Add below:


<br />
<if condition="in_array($bbuserinfo[usergroupid],array(1))"><div align="center">
<fb:comments numposts="3" width="800"></fb:comments>
</div></if>


*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:
<if condition="$post['title']"><strong>$post[title]</strong></if>
</div>

Add below:
<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.

[B]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:

<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

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

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.

Xtrigit

05-28-2010, 02:36 AM

Error :( (I think stems Zoints Seo)

Need more details to be able to assist you.

So you haven't seen mine then.

Correct. The only one that I found for 3.8.x was the one made by hubie but people were reporting it didn't work in IE and the "comment" box would not appear.

kall

05-28-2010, 04:55 AM

Need more details to be able to assist you.

Correct. The only one that I found for 3.8.x was the one made by hubie but people were reporting it didn't work in IE and the "comment" box would not appear.
That's probably why Brandon mentioned the other 2. :)

You could make it fewer edits required if you popped $vboptions[bbtitle] instead of YOURSITENAME.

MagicThemeParks

05-28-2010, 12:18 PM

kall, does yours work in 3.8x? Looks like it's for vB4.

Thanks Xtrigit, gonna try this one out this weekend! :)

ceho

05-29-2010, 07:05 AM

Hi, I would like to finish the installation as your mod seems to be working well.

However I have problems with the position of the button. I put it into postbit_legacy under >!-- controls -->, and it's somewhere in the middle of that bit. I couldn't find a way how to change it (except for an align=left), and it seems that the class is coming from FB directly (as far as I understand...).

Here is what it looks like:

117718

This is what it should look like:

117719

And there is obviously a problem with the comment field which is not working properly:

117720

Any help is much appreciated, really. Thanks a lot!

kall

05-29-2010, 07:30 AM

kall, does yours work in 3.8x? Looks like it's for vB4.

Thanks Xtrigit, gonna try this one out this weekend! :)
Yep, there's a 3.8.x version as well.

RvG2

06-04-2010, 05:07 PM

Worked with 3.8.x

ryancooper

06-05-2010, 03:54 PM

IS there a way to NOT show the icons (or faces) of the people who clicked?

Xtrigit

06-07-2010, 02:50 AM

IS there a way to NOT show the icons (or faces) of the people who clicked?

Replace the last code edit with this:

<fb:like href="$vboptions[bburl]/showthread.php$session[sessionurl]?t=$threadid" show_faces="false" width="500"></fb:like>

Daisyboo

06-07-2010, 08:12 PM

Is there any way to stop it showing in sensitive areas of the board?

jakobility

06-12-2010, 10:06 PM

thanks, great addon! :)

UnganWeb

06-13-2010, 07:59 PM

Need more details to be able to assist you.

Correct. The only one that I found for 3.8.x was the one made by hubie but people were reporting it didn't work in IE and the "comment" box would not appear.

when I try to share a link on Facebook it cant be read. I dig into other vbulletin sites that use zoints seo and the problem is same. When I deactivate zoints seo its alright but I must not deactivate it. I cant understand the problem with zoints seo

MissKalunji

06-13-2010, 09:08 PM

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

showthread.php$session[sessionurl]?p=$post[postid]&show_faces=false&amp

Thanks!

jakobility

06-14-2010, 09:04 PM

As I said, nice addon!

But I wonder about the long loading time. Is it possible to make it faster?
You can see the addon here (http://tablet-faq.de/f5/samsung-galaxy-tab-31.html) on my website and it takes so much time to load.. :(

MissKalunji

06-15-2010, 12:23 PM

are you positive it's not something else causing this?

cause it loads fine for me?

jakobility

06-15-2010, 12:40 PM

Okay, now it loads fine.

So probably it was because of the cookies ect..
After removing it, it works well! :)

Thank you very much! :)

Noli

06-15-2010, 06:49 PM

is it just me or is the create app page down?

jakobility

06-18-2010, 03:39 PM

After installing this (https://vborg.vbsupport.ru/showthread.php?t=203064) addon, I have problems with like button.
By the button it shows me an red error. If I click on it, there comes a popup from facebook with the following message (translated from german):
You have to set a ?href?-attribute for the inlineframe. For example <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fexample.com%2Ffoo%2Fbar .html"></iframe>

Is there anything wrong in the configuration at facebook.com/developers or do I have to change the code in my website?

My configurations on facebook:
Canvas Callback URL
http://tablet-faq.de/
Connect URL
http://tablet-faq.de/
Base Domain
tablet-faq.de
Canvas URL
http://apps.facebook.com/tablet-faq/
FBML/iframe
iframe
Developer Mode
Off
Application Type
Website
Private Install
No

MissKalunji

06-18-2010, 07:56 PM

I think this addon already has the LIKE integrated by the way

Dcoy

06-24-2010, 02:38 PM

(Yes, you can place it ANYWHERE! I chose the ad template because it's closer to the reply button xD)

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

I hope someone can help me

yamahapaul

06-24-2010, 03:03 PM

I can get it to show here if thats any good??

Dcoy

06-25-2010, 12:52 AM

I can get it to show here if thats any good??

yeah thats fine... how can I do that?

kjsmith84

06-25-2010, 04:35 PM

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

m_7

06-25-2010, 07:01 PM

thanx man ,,, I will try it later

profanitytalker

06-26-2010, 08:21 AM

MissKalunji

06-26-2010, 04:19 PM

I'm getting this error...

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

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!

Dcoy

06-28-2010, 05:59 AM

any help about this please

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

BirdOPrey5

07-02-2010, 05:08 AM

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.

BirdOPrey5

07-02-2010, 05:18 AM

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.

Daisyboo

07-02-2010, 02:53 PM

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

Daisyboo

07-02-2010, 03:07 PM

Never mind uninstalled.

Digital Jedi

07-03-2010, 05:09 AM

BirdOPrey5

07-03-2010, 03:37 PM

For what it's worth, I've been having problems installing the Like button even before I found this mod. I pretty much did everything they instructed at Facebook before I read the install instructions here, and it appears to be the same problem. "Like" does not like vBulletin threads. At least not vB3 threads.

I agree this is much more difficult then it should be- something isn't playing nicely in vB... but I did end up getting this to work using all the instructions in this mod but instead if pasting the last step here into the template I used the IFRAME code provided by facebook...

<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.YOURDOMAIN/forums/showthread.php$session[sessionurl]?t=$threadid" &show_faces=false&width=350&action=like&colorschem e=dark&height=30" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:30px;" allowTransparency="true"></iframe>

edit YOURDOMAIN to be your web domain...

Additionally I put it in an if tag:

<if condition="!in_array($GLOBALS[forumid], array(2, 3, 6, 15, 24, 45))">
-iframe code-
</if>

Where the numbers are the forum id's of private forums that aren't viewable by guests and therefore useless to add a 'like' button too.

Finally I moved this to under where the page navigation menu would show if it was a multiple page thread on the showthread template... I moved the <td></td> tags out of the built in <if> statement so the table will be there regardless of whether the page nav menu is displayed... the code for everything now looks like:

<td align="$stylevar[right]"><if condition="$show['pagenav']">$pagenav</if>
<if condition="!in_array($GLOBALS[forumid], array(2, 3, 6, 15, 24, 45))">
<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.YOURDOMAIN/forums/showthread.php$session[sessionurl]?t=$threadid" &show_faces=false&width=350&action=like&colorschem e=dark&height=30" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:30px;" allowTransparency="true"></iframe>
</if>
</td>

Anyway this all works fine (for me), you can see a demo at:
http://www.juot.net/forums/showthread.php?t=41185
No login required.

Xtrigit

07-04-2010, 10:03 PM

MOD has been updated, enjoy!

Digital Jedi

07-07-2010, 06:46 AM

MOD has been updated, enjoy!
Okay, made the updated changes. Still giving me the iframe error, even though I'm not using an iframe. Really, I don't see any reason why this shouldn't be working. Everything is as Facebook says it should be done.

Digital Jedi

07-07-2010, 06:50 AM

Okay, made the updated changes. Still giving me the iframe error, even though I'm not using an iframe. Really, I don't see any reason why this shouldn't be working. Everything is as Facebook says it should be done.
Looks like we're not the only one's having this problem: http://thecandycrew.webs.com/ http://forum.developers.facebook.com/viewtopic.php?pid=242948

Xtrigit

07-07-2010, 08:57 PM

Looks like we're not the only one's having this problem: http://thecandycrew.webs.com/ http://forum.developers.facebook.com/viewtopic.php?pid=242948

What is your site URL?

I've implemented facebook plugins in dozens of sites and they all seem to be working great.

I believe some javascript on your site is interfering with facebook plugins.

sundarmobiles

07-08-2010, 11:55 AM

can u give the procedure to use navbit area like in this screen shot and also can i use this one for this version 3.7.3?

BirdOPrey5

07-08-2010, 03:20 PM

*YOUR PROFILE ID = http://www.facebook.com/profile.php?id=randomnumbers

Are these random numbers made up by us or are they generated somewhere? How many digits- does it matter?

BirdOPrey5

07-08-2010, 10:24 PM

*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.

Also- why would I only want to show the comment box to guests? Wouldn't I want anyone to be able to make a comment when they Like something?

Xtrigit

07-10-2010, 01:58 AM

Are these random numbers made up by us or are they generated somewhere? How many digits- does it matter?

Those numbers are your facebook profile ID, you'll find this in the address bar when you sign in to facebook.

If you have assigned your profile a custom "name", please read this:
http://www.ehow.com/how_5753004_facebook-id.html

Also- why would I only want to show the comment box to guests? Wouldn't I want anyone to be able to make a comment when they Like something?

Replace:
<br />

<if condition="in_array($bbuserinfo[usergroupid],array(2,6,7,5))"><else /><div align="center">
<fb:comments numposts="3" width="800"></fb:comments></if></div>


With:
<br />

<div align="center">
<fb:comments numposts="3" width="800"></fb:comments></if></div>


Now all members and guests can see and write in the comment box.

BirdOPrey5

07-10-2010, 03:41 AM

BirdOPrey5

07-10-2010, 04:16 AM

You say:

<br />

<if condition="in_array($bbuserinfo[usergroupid],array(2,6,7,5))"><else /><div align="center">
<fb:comments numposts="3" width="800"></fb:comments></if></div>


*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.

But that code shows it to anyone not in the registered users, mods, admins, or supermods group. Many people have additional usergroups besides these. If you really only want to show to guests you should use:

<br />

<if condition="in_array($bbuserinfo[usergroupid],array(1))"><div align="center">
<fb:comments numposts="3" width="800"></fb:comments>
</div></if>


You also have the start of the <div> inside the conditional and the end of it outside, so the </div> will always be output even if the beginning <div> isn't.
I'm starting to think this is something different then the box where users enter a comment to be posted to their page- maybe this is where comments are left for the thread it's showing?
EDIT- I see this is a completely different thing then simply the 'Like' button... OK, not sure if I need it but will try.

One more thing- I tried this in IE, FF, Chrome, Safari, and Opera- and it worked in all of them but Opera- in Opera I just get the 'loading' graphic and the comment box never appears- but I don't care about Opera anyway- just an FYI.

Xtrigit

07-10-2010, 08:26 AM

Thanks for the reply, but I guess my question is why would I only want to show the comment box to guests? I think I'm missing something because wouldn't everyone want a comment to be entered by anyone, member or guest alike? If I don't show the comment box to registered users, like you originally coded, then how would registered users leave comments- is there some other way for them?:confused:

This is just a comment box, good for visitors that are just passing by, they can leave a comment without having to register on your site, the comment gets posted on the page and on their facebook wall. Why show it to members when they can just click the "LIKE" button and write a comment there?

You may not need it, others may.

Personally, i would recommend it, why force someone to register if he/she is only going to post once and never come back? You may "lose" that one registration but in return you will get 3 more to replace him/her.

Let visitors drive you more traffic. :D

Xtrigit

07-10-2010, 08:45 AM

You say:

If you really only want to show to guests you should use:

<br />

<if condition="in_array($bbuserinfo[usergroupid],array(1))"><div align="center">
<fb:comments numposts="3" width="800"></fb:comments>
</div></if>


Yes, that is correct :up:

You also have the start of the <div> inside the conditional and the end of it outside, so the </div> will always be output even if the beginning <div> isn't.

Hehe, that, too, is correct.

Thanks for noticing :)

BirdOPrey5

07-10-2010, 01:46 PM

This is just a comment box, good for visitors that are just passing by, they can leave a comment without having to register on your site, the comment gets posted on the page and on their facebook wall. Why show it to members when they can just click the "LIKE" button and write a comment there?

You may not need it, others may.

Personally, i would recommend it, why force someone to register if he/she is only going to post once and never come back? You may "lose" that one registration but in return you will get 3 more to replace him/her.

Let visitors drive you more traffic. :D

I get it now, I am using it- I just was confused with the terminology since I thought by 'comment box' it was the small 1 line comment field when you press the like button.

Also I agree with your logic of showing it only to guests but I would suggest also at least the admin, if not mods, in case there is a comment that needs to be removed- I don't usually visit my board as a guest and I may not even be aware of a 'bad' comment otherwise.

BirdOPrey5

07-10-2010, 03:49 PM

OK, I made a comment with the comment box, it showed up on Facebook but after I left the page and returned to it the comment on the page was gone.

sundarmobiles

07-13-2010, 10:59 AM

can u give the procedure to use navbit area like in the screen shot and also can i use this one for this version 3.7.3?

https://vborg.vbsupport.ru/attachment.php?attachmentid=119401&d=1278593714

Digital Jedi

07-14-2010, 08:49 PM

What is your site URL?

I've implemented facebook plugins in dozens of sites and they all seem to be working great.

I believe some javascript on your site is interfering with facebook plugins.
City of Gamers (http://www.cogonline.net). Been having trouble with it since before trying this mod out.

Xtrigit

07-15-2010, 01:25 AM

can u give the procedure to use navbit area like in the screen shot and also can i use this one for this version 3.7.3?

Open:
Navbar template located in Navigation / Breadcrumb Templates

Find:
<else />
<div class="navbar" style="font-size:10pt"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_start.gif" alt="" border="0" /></a> <strong>$vboptions[bbtitle]</strong></div>
</if>

Replace with:
<else />
<div class="navbar" style="font-size:10pt"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_start.gif" alt="" border="0" /></a> <strong>$vboptions[bbtitle]</strong>   <fb:like href="$vboptions[bburl]/showthread.php$session[sessionurl]?t=$threadid" layout="button_count" show_faces="false"></fb:like></div>
</if>

Digital Jedi

07-15-2010, 03:35 AM

What is your site URL?

I've implemented facebook plugins in dozens of sites and they all seem to be working great.

I believe some javascript on your site is interfering with facebook plugins.
Actually, I just installed the Wibiya toolbar, so I'm think going with the Like button on that. Thanks, though.

sundarmobiles

07-15-2010, 05:22 PM

hey i installed fully but flike button not showing and also dont get any error pls help me

Xtrigit

07-15-2010, 06:53 PM

did you edit and upload the javascript file?

sundarmobiles

07-16-2010, 01:48 AM

s sir i did tat my vbulletin version is 3.7.3 is this work with this version?

sundarmobiles

07-16-2010, 05:00 AM

hi if i logged out of the forum facebook comment box and like button display if i logged in it wont display and one more error if i click the like button am getting this error You failed to provide a valid list of administators. You need to supply the administors using either a "fb:app_id" meta tag, or using a "fb:admins" meta tag to specify a comma-delimited list of Facebook users. and in navbit area i tried as u said but it wont display in both condition please help me out.

sundarmobiles

07-16-2010, 05:25 AM

ok i got it its permission problem i edit the user group id and fixed but still getting this error if i click the like button You failed to provide a valid list of administators. You need to supply the administors using either a "fb:app_id" meta tag, or using a "fb:admins" meta tag to specify a comma-delimited list of Facebook users. and also wont display in navbit area please help me out

Xtrigit

07-16-2010, 07:22 AM

you failed to provide a valid list of administrators...

<meta property="fb:admins" content="YOUR PROFILE ID"/>

Make sure you replace YOUR PROFILE ID with your actual id:

If you don't know what your ID is, log in to facebook and look in the address bar, you will see a set of random numbers.

sundarmobiles

07-16-2010, 07:32 AM

i fixed this one sir now working fine postbit area but still navigation area fb button not display sir

Xtrigit

07-16-2010, 08:34 AM

sundarmobiles

07-17-2010, 02:44 AM

ok now its work fine in postbit area but not displayed in navbar area

sundarmobiles

07-17-2010, 11:30 AM

finally i fixed the navbar area now fb button displayed there but url problem am using vbseo but i used <fb: comments> in showthread area this one correcly pick my url automatically but in my navbar area i used <fb:like> it wont pick my url correctly it said ur url is not reachable can u get my point?

sundarmobiles

07-17-2010, 02:08 PM

fb like button only displayed in homepage if i get in to any thread the fb like button wont display in navbar area

Xtrigit

07-19-2010, 01:26 PM

fb like button only displayed in homepage if i get in to any thread the fb like button wont display in navbar area

Find:
</span>

</td>
</tr>
<tr>
<td class="navbar"

Paste above the fb like code.

Also, you pasted this twice:

<div id="fb-root"></div>
<script src="/images/fb.js" type="text/javascript"></script>

sundarmobiles

07-19-2010, 01:43 PM

now everything ok but in this link http://www.srimeenakshimobiles.com/forums/forum-rules-announcements/ fb like button dont pick the url correctly it said ur url not reached but in this link http://www.srimeenakshimobiles.com/forums/forum-rules-announcements/11833-smmobiles-general-rules.html it pick the url correctly

sundarmobiles

07-19-2010, 01:51 PM

check the difference of url in this screen shot

sundarmobiles

07-19-2010, 01:55 PM

this screen shot for correctly picked url

sundarmobiles

07-24-2010, 07:18 AM

hi xtrigit any solution for this?

Support

07-31-2010, 02:41 PM

BirdOPrey5

07-31-2010, 04:05 PM

Hi every one,
i added LIKE button to my forum and it works just fine except one issue, if i click on LIKE and write a comment it shows on my profile with Random Thumbnail, so how can i get the option to choose the Thumbnail i want to add with the topic i LIKE ?

The Thumbnail should be controlled by the line:
<meta property="og:image" content="IMAGEPATH"/>

in the headerinclude template. You need to replace "IMAGEPATH"/> with the path to a thumbnail image, or usually your forum logo... something like "/forums/images/misc/logo.gif"

Support

07-31-2010, 06:24 PM

Still not working

<meta property="og:image" content="http://www.mixlogy.com/vb/images/mix.gif"/>

I added it from here
http://developers.facebook.com/docs/reference/plugins/like

im just need the full come which show my forum image on every LIKE click on user profiles
and i need to know why i have to put my id ?

Support

07-31-2010, 07:55 PM

Is this right ?
<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.mixlogy.com/vb/showthread.php$session[sessionurl]?p=$post[postid]&show_faces=true&width=450&action=like&colorscheme =light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true">
<meta property="og:site_name" content="Mixlogy.com"/>
<meta property="og:image" content="http://www.mixlogy.com/vb/images/mix.gif"/>
<meta property="fb:admins" content="100000769173722"/>
</iframe>

BirdOPrey5

07-31-2010, 08:42 PM

No... those tags don't go between the iframe tag... re-read the instructions, the meta tags go in the headerinclude template.

Support

08-01-2010, 05:00 AM

i did but it does not work

plzzzzzzzzzzz help me
i need the full code, step by step

Xtrigit

08-01-2010, 05:33 AM

The iframe method is very limited.

Follow the instructions above and it should show an image just fine.

BirdOPrey5

08-01-2010, 12:58 PM

i did but it does not work

plzzzzzzzzzzz help me
i need the full code, step by step

There are step by step instructions in the first post of this thread- no where in the first post does it even mention an <iframe> - I think you may have been looking at another facebook like thread and confused which instructions go with which. Just follow the instructions listed here and undo whatever you've already done. It can't really be made any simpler. If you have a specific question about any of the steps- then we will try and answer it.

Support

08-01-2010, 01:40 PM

i did what you said
120304

that is why i did it from Facebook plugin

can you help me ?

BirdOPrey5

08-01-2010, 02:37 PM

Honestly I can't make much sense of that... I visited your site and I see you use the regular postbit template, not postbit_legacy- did you place the code in postbit?

Support

08-01-2010, 02:39 PM

i use postbit_legacy not postbit
and No i did not place the code in postbitcould i have ur E-mail ?

BirdOPrey5

08-01-2010, 06:46 PM

i use postbit_legacy not postbit
and No i did not place the code in postbitcould i have ur E-mail ?

I see what you're saying but your first posts look like a regular postbit but the rest are legacy. I guess it is some sort of mod? It may be an issue since the edit is made for an unmodified postbit. Maybe make the edit in showthread instead? I'm just tossing ideas out there... Maybe the mod author has a better idea what is going on.

No, I would prefer to keep helping (best I can) via the forum and not e-mail, sorry.

Support

08-02-2010, 03:47 PM

it is okay,
so i use a modified template Yes
i'll try what you said..

Support

08-02-2010, 05:10 PM

Same for the original postbit legacy
plz help !

Agathadaimon

08-02-2010, 05:22 PM

Original postbit_legacy

$template_hook[postbit_start]
<table id="post$post[postid]" class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center">
<tr>
<if condition="$show['announcement']">
<td class="thead" style="font-weight:normal; border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]" colspan="2">
<img class="inlineimg" src="$stylevar[imgdir_statusicon]/post_$post[statusicon].gif" alt="$post[statustitle]" border="0" />
<phrase 1="$post[startdate]" 2="$post[enddate]">$vbphrase[x_until_y]</phrase>
</td>
<else />
<td class="thead" style="font-weight:normal; border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-right: 0px" $post[scrolltothis]>

<a name="postimage$post[postid]"><img class="inlineimg" src="$stylevar[imgdir_statusicon]/post_$post[statusicon].gif" alt="$post[statustitle]" border="0" /></a>
$post[postdate]<if condition="!$show['detailedtime']">, $post[posttime]</if>
$post[firstnewinsert]

</td>
<td class="thead" style="font-weight:normal; border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-left: 0px" align="$stylevar[right]">
 
<if condition="$show['postcount']">#<a href="showpost.php?$session[sessionurl]p=$post[postid]&postcount=$post[postcount]" target="new" rel="nofollow" id="postcount$post[postid]" name="$post[postcount]"><strong>$post[postcount]</strong></a></if>
<if condition="$show['inlinemod']">
<input type="checkbox" name="plist[$postid]" id="plist_$postid" style="vertical-align:middle; padding:0px; margin:0px 0px 0px 5px" value="$post[checkbox_value]" />
</if>
</td>
</if>
</tr>
<tr valign="top">
<td class="alt2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px">

<fieldset><legend><b><font color="#000000" size="1">Kullanıcı Profili</font></b></legend><div id="postmenu_$post[postid]">
<if condition="$show['profile']">
<center><a class="bigusername" href="member.php?$session[sessionurl]u=$post[userid]">$post[musername]</a></center>
<script type="text/javascript"> vbmenu_register("postmenu_$post[postid]", true); </script>
<else />
<center>$post[musername]</center>
</if>
</div>

<if condition="$post['usertitle']"><div class="smallfont"><div class="postbit_buki"><center>$post[usertitle]</center></div></div></if>
<if condition="$post['rank']"><div class="smallfont"><div class="postbit_buki"><center>$post[rank]</center></div></div></if>
$template_hook[postbit_userinfo_left]

<if condition="$show['avatar']">
<div class="smallfont"><div class="postbit_buki"><center><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a></center></div>
<else />
<if condition="$bbuserinfo[showavatars]">
<div class="smallfont"><div class="postbit_buki">
<center><img src="http://img120.imageshack.us/img120/542/99104463oq1.png" alt="Avatar Yok" border="0" /></center>
</div>
</if>
</div>

</if></fieldset>

<fieldset><legend><b><font color="#000000" size="1">Kullanıcı Bilgileri</font></b></legend><div class="smallfont">
<if condition="$post['joindate']"><div class="postbit_buki"><b>$vbphrase[join_date]:</b> $post[joindate]</div></if>
<if condition="$post['field2']"><div class="postbit_buki"><b>$vbphrase[location_perm]: </b>$post[field2]</div></if>
<div class="postbit_buki"><b>?ye No : </b>$post[userid]</div>
<if condition="$post['age']"><div class="postbit_buki"><b>$vbphrase[age]:</b> $post[age]</div></if>
<div class="postbit_buki">
<b>$vbphrase[posts]:</b> $post[posts]
</div>
<if condition="$show['infraction']"><div class="postbit_buki">$vbphrase[infractions]: $post[warnings]/$post[infractions] ($post[ipoints])</div></if>

<if condition="$show['reputation']"><if condition="$show['reppower']"><div class="postbit_buki">$vbphrase[reppower]: $post[reppower]</div></if>
<div class="postbit_buki"><b>Rep Puanı :</b> $post[reputation]</div>
<div class="postbit_buki"><b>Rep Derecesi :</b> $post[reputationdisplay]</div></if> </fieldset>

$template_hook[postbit_userinfo_right]
$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]
</div>

</td>
<if condition="$show['moderated']">
<td class="alt2" id="td_post_$post[postid]" style="border-right: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]">
<else />
<td class="alt1" id="td_post_$post[postid]" style="border-right: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]">
</if>
$template_hook[postbit_messagearea_start]
<if condition="$show['messageicon'] OR $post['title']">

<div class="smallfont">
<if condition="$show['messageicon']"><img class="inlineimg" src="$post[iconpath]" alt="$post[icontitle]" border="0" /></if>
<if condition="$post['title']"><strong>$post[title]</strong></if>
</div>
<hr size="1" style="color:$stylevar[tborder_bgcolor]" />

</if>


<div id="post_message_$post[postid]">$post[message]</div>


<if condition="$show['attachments']">

<div style="padding:$stylevar[cellpadding]px">

<if condition="$show['thumbnailattachment']">
<fieldset class="fieldset">
<legend>$vbphrase[attached_thumbnails]</legend>
<div style="padding:$stylevar[formspacer]px">
$post[thumbnailattachments]
</div>
</fieldset>
</if>

<if condition="$show['imageattachment']">
<fieldset class="fieldset">
<legend>$vbphrase[attached_images]</legend>
<div style="padding:$stylevar[formspacer]px">
$post[imageattachments]
</div>
</fieldset>
</if>

<if condition="$show['imageattachmentlink']">
<fieldset class="fieldset">
<legend>$vbphrase[attached_images]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
$post[imageattachmentlinks]
</table>
</fieldset>
</if>

<if condition="$show['otherattachment']">
<fieldset class="fieldset">
<legend>$vbphrase[attached_files]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
$post[otherattachments]
</table>
</fieldset>
</if>

<if condition="$show['moderatedattachment']">
<fieldset class="fieldset">
<legend>$vbphrase[attachments_pending_approval]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
$post[moderatedattachments]
</table>
</fieldset>
</if>

</div>

</if>

$template_hook[postbit_signature_start]

<if condition="$post['signature']">

<div>
__________________<br />
$post[signature]
</div>

</if>

$template_hook[postbit_signature_end]

<if condition="$show['postedited']">

<div class="smallfont"> <hr size="1" style="color:$stylevar[tborder_bgcolor]" />
<em>
<phrase 1="$post[edit_username]" 2="$post[edit_date]" 3="$post[edit_time]">$vbphrase[last_edited_by_x_on_y_at_z]</phrase>.
<if condition="$post['edit_reason']">$vbphrase[reason]: $post[edit_reason]</if>
</em>
</div>

</if>

</td>
</tr>
<tr>
<td class="alt2" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px">
$post[onlinestatus]
<if condition="$show['reputationlink']">
<span id="reputationmenu_$post[postid]"><a href="reputation.php?$session[sessionurl]p=$post[postid]" rel="nofollow" id="reputation_$post[postid]"><img class="inlineimg" src="$stylevar[imgdir_button]/reputation.gif" alt="<phrase 1="$post[username]">$vbphrase[add_to_xs_reputation]</phrase>" border="0" /></a></span>
<if condition="$show['popups']"><script type="text/javascript"> vbrep_register("$post[postid]")</script></if>
</if>
<if condition="$show['infractionlink']"><a href="infraction.php?$session[sessionurl]do=report&p=$post[postid]" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/infraction.gif" alt="<phrase 1="$post[username]">$vbphrase[add_infraction_for_x]</phrase>" border="0" /></a></if>
<if condition="$show['reportlink']"><a href="report.php?$session[sessionurl]p=$post[postid]" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/report.gif" alt="$vbphrase[report_bad_post]" border="0" /></a></if>
$post[iplogged]
 
</td>
<if condition="$show['moderated']">
<td class="alt2" align="$stylevar[right]" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-left: 0px; border-top: 0px">
<else />
<td class="alt1" align="$stylevar[right]" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-left: 0px; border-top: 0px">
</if>

<if condition="$post['editlink']">
<img style="display: none" id="progress_$postid" src="$stylevar[imgdir_misc]/progress.gif" alt="$vbphrase[loading_editor_please_wait]" />
<a href="$post[editlink]" name="vB::QuickEdit::$post[postid]"><img src="$stylevar[imgdir_button]/edit.gif" alt="$vbphrase[edit_delete_message]" border="0" /></a>
</if>
<if condition="$post['forwardlink']">
<a href="$post[forwardlink]"><img src="$stylevar[imgdir_button]/forward.gif" alt="$vbphrase[forward_message]" border="0" /></a>
</if>
<if condition="$post['replylink']">
<a href="$post[replylink]" rel="nofollow"><img src="$stylevar[imgdir_button]/<if condition="$post['forwardlink']">reply_small<else />quote</if>.gif" alt="$vbphrase[reply_with_quote]" border="0" /></a>
</if>
<if condition="$show['multiquote_post']">
<a href="$post[replylink]" rel="nofollow" onclick="return false"><img src="$stylevar[imgdir_button]/multiquote_<if condition="$show['multiquote_selected']">on<else />off</if>.gif" alt="$vbphrase[multi_quote_this_message]" border="0" id="mq_$post[postid]" /></a>
</if>
<if condition="$show['quickreply'] AND !$show['threadedmode']">
<a href="$post[replylink]" rel="nofollow" id="qr_$post[postid]" onclick="return false"><img src="$stylevar[imgdir_button]/quickreply.gif" alt="$vbphrase[quick_reply_to_this_message]" border="0" /></a>
</if>
<if condition="$show['moderated']">
<img src="$stylevar[imgdir_misc]/moderated.gif" alt="$vbphrase[moderated_post]" border="0" />
</if>
<if condition="$show['deletedpost']">
<img src="$stylevar[imgdir_misc]/trashcan.gif" alt="$vbphrase[deleted_post]" border="0" />
</if>
<if condition="$show['redcard']">
<a href="infraction.php?$session[sessionurl]do=view&p=$post[postid]"><img src="$stylevar[imgdir_button]/redcard.gif" alt="$vbphrase[received_infraction]" border="0" /></a>
<else />
<if condition="$show['yellowcard']">
<a href="infraction.php?$session[sessionurl]do=view&p=$post[postid]"><img src="$stylevar[imgdir_button]/yellowcard.gif" alt="$vbphrase[received_warning]" border="0" /></a>
</if>
</if>
$template_hook[postbit_controls]

</td>
</tr>
</table>
<div class="dcc"><div class="dcg"></div><div class="dcd"></div></div>
<div style="padding:0px 0px 5px 0px;"></div>
$template_hook[postbit_end]

<div class="vbmenu_popup" id="postmenu_$post[postid]_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
<tr>
<td class="thead">$post[username]</td>
</tr>
<if condition="$show['profile']">
<tr><td class="vbmenu_option"><a href="member.php?$session[sessionurl]u=$post[userid]">$vbphrase[view_public_profile]</a></td></tr>
</if>
<if condition="$show['pmlink']">
<tr><td class="vbmenu_option"><a href="private.php?$session[sessionurl]do=newpm&u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">$vbphrase[send_private_message_to_x]</phrase></a></td></tr>
</if>
<if condition="$show['emaillink']">
<tr><td class="vbmenu_option"><a href="sendmessage.php?$session[sessionurl]do=mailmember&u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">$vbphrase[send_email_to_x]</phrase></a></td></tr>
</if>
<if condition="$show['homepage']">
<tr><td class="vbmenu_option"><a href="$post[homepage]"><phrase 1="$post[username]">$vbphrase[visit_xs_homepage]</phrase></a></td></tr>
</if>
<if condition="$show['search']">
<tr><td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=finduser&u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">$vbphrase[find_more_posts_by_x]</phrase></a></td></tr>
</if>
<if condition="$post['userid'] AND $show['member']">
<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=addlist&userlist=buddy&u=$post[userid]"><phrase 1="$post[username]">$vbphrase[add_x_to_buddy_list]</phrase></a></td></tr>
</if>
$template_hook[postbit_user_popup]
</table>
</div>

Support

08-03-2010, 01:31 PM

Agathadaimon ,
i reset the template so i have the original one already, i need the original template with modification

and btw, that is not the original template

Support

08-04-2010, 03:57 PM

so no one can do it..

soundbarrierpro

08-04-2010, 08:32 PM

I agree this is much more difficult then it should be- something isn't playing nicely in vB... but I did end up getting this to work using all the instructions in this mod but instead if pasting the last step here into the template I used the IFRAME code provided by facebook...

<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.YOURDOMAIN/forums/showthread.php$session[sessionurl]?t=$threadid" &show_faces=false&width=350&action=like&colorschem e=dark&height=30" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:30px;" allowTransparency="true"></iframe>

edit YOURDOMAIN to be your web domain...

Additionally I put it in an if tag:

<if condition="!in_array($GLOBALS[forumid], array(2, 3, 6, 15, 24, 45))">
-iframe code-
</if>

Where the numbers are the forum id's of private forums that aren't viewable by guests and therefore useless to add a 'like' button too.

Finally I moved this to under where the page navigation menu would show if it was a multiple page thread on the showthread template... I moved the <td></td> tags out of the built in <if> statement so the table will be there regardless of whether the page nav menu is displayed... the code for everything now looks like:

<td align="$stylevar[right]"><if condition="$show['pagenav']">$pagenav</if>
<if condition="!in_array($GLOBALS[forumid], array(2, 3, 6, 15, 24, 45))">
<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.YOURDOMAIN/forums/showthread.php$session[sessionurl]?t=$threadid" &show_faces=false&width=350&action=like&colorschem e=dark&height=30" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:30px;" allowTransparency="true"></iframe>
</if>
</td>

Anyway this all works fine (for me), you can see a demo at:
http://www.juot.net/forums/showthread.php?t=41185
No login required.

What if you're using vbSEO? http://www.mysite.com/forum/showthread.php?.....doesn't post the correct link on your facebook page.

BirdOPrey5

08-04-2010, 11:26 PM

I don't know, I've never had nor used vbSEO- is there an alternate variable you can use maybe?

soundbarrierpro

08-04-2010, 11:33 PM

Hmmm. It still posts the "Like" thread to the members FB profile. But it just posts exactly what the url is which is defined in the mod instructions. I don't know anything about writing variables. I just have vbSEO relative .html URLS defined in the rewrite instructions. They rewrite as http://www.mysite.com/forum/topic-name.html

ShawneyJ

08-31-2010, 01:17 AM

3. Click the Connect tab
-----------------
Connect tab seems to be gone on facebook, was there when i added this to my other forum a week ago.

EDIT: im guessing step 3 is now 3. Click the Website tab

Xtrigit

09-01-2010, 02:57 AM

EDIT: im guessing step 3 is now 3. Click the Website tab

That's correct. Thanks

MikesSite

09-14-2010, 03:24 PM

Confirmed, does NOT work properly with Zoints SEO. The button is there and you can push it, but on facebook it leaves out the thread URL and does not create the actual page on facebook.

carsafety

10-14-2010, 03:30 PM

Anyone have a live demo of this running on vb 3.8 right now? Thanks!

carsafety

10-20-2010, 06:01 PM

I've been testing the Like button today. One suggestion so far is that anyone using the opengraph meta tags consider using the value "article" instead of "website" for the og:type tag. I noticed that when using website, every time a page was liked, it would create a Facebook fan page for that particular thread, as if it was its own website. I didn't want to end up with thousands of fan pages being created, as I read that others were banned for using the website tag outside of their homepage. I'm not sure if there are other functional differences, but that is one to consider if you have a lot of threads on your forum.

BirdOPrey5

10-20-2010, 07:21 PM

carsafety

10-20-2010, 07:54 PM

I've actually had to (temporarily I hope) remove this mod from my threads because there is a bug with Internet Explorer that causes the page to be blank and reload in the browser with a different url.
http://blog.facesharp.com/2010/10/05/facebook-like-button-bug-creating-duplicate-pagesbreaking-analytics/

It's causing some serious issues with Analytics, SEO, etc... This particular link mentions it's IE6 an the XFBML implementation but it has also been reported with the iframe and newer ie versions.

When I checked my google logs sure enough this was happening at my site too.

I saw this in the other mod thread, along with this link-

http://www.searchmarketingman.com/2010/09/how-to-fix-like-button-bug.html

How can I duplicate the blank page issue? The mod appears to be working for me (I am only using the Like button, not the comment box app). The link appears on Facebook and correctly directs to the correct forum page.

According to the searchmarketingman page, you can force Google/Yahoo/etc not to index the fragment pages. That seems to resolve the issue for me.

My question is, were else would someone find a link to the fragment/duplicate page? From facebook? Obviously, I don't want people finding blank pages, but it's not clear to me how they find them. Incidentally, his page says iframe works correctly at the bottom, but I don't like it as much since it doesn't give the comment box.

carsafety

10-20-2010, 08:03 PM

BirdOPrey5

10-20-2010, 08:38 PM

I don't know how to replicate it but when I looked at google analytics there werre dozens, maybe hundreds of those "fragment" URLs and if I followed those URLs sure enough I got the blank page... This means some people were also getting blank pages- now none of my members complained so maybe it was random visitors... I don't know.To be safe I removed all Facebook elements from my threads but I kept the like button on my homepage.

As a backup I did implement the channel url fix. It involves making a new blank HTML file with the 1 line of code mentioned on the page that describes the fix, then adding extra code to the facebook code... i wont know if its working until a few days go by and i don't see anymore fragment urls.

in the mean time i added the share button from www.addthis.com which has facebook, twitter, and 200+ other sites to share with, but a custom javascript so shouln't be affected by this bug,

carsafety

10-20-2010, 09:19 PM

As a backup I did implement the channel url fix. It involves making a new blank HTML file with the 1 line of code mentioned on the page that describes the fix, then adding extra code to the facebook code... i wont know if its working until a few days go by and i don't see anymore fragment urls.

Newb question, but I'm not a coding expert. Can I simply add the following code:

channelUrl: 'http://example.com/channel.html'

to the relevant location in the fb.js file that is downloaded for this mod?

If not, where do you implement the Fb.init code otherwise?

in the mean time i added the share button from www.addthis.com which has facebook, twitter, and 200+ other sites to share with, but a custom javascript so shouln't be affected by this bug,

I tried the Wibiya bar, but I had a lot of problems with slow loading and other user complaints, among other issues. Is the addthis button any better? I noticed the Wibiya bar just seemed to integrate the Facebook app code into their bar, but I have no idea if that resolves the bug or not.

BirdOPrey5

10-20-2010, 11:04 PM

carsafety

10-20-2010, 11:50 PM

I never tried the Wibiya bar so I can't compare but addthis seems fast (faster than facebook's button would load infact) and I've had no complaints. I just don't like it as much because it opens the facebook post in a new tab instead of a small pop-up window like the real facebook like button does.

As for the fix- in the .js file:

Add a comma to the end of the "xfbml" line and add the following line below it:

channelUrl:'http://www.yoursite.com/channel.html'

Change yoursite.com to your URL obviously.

And make a channel.html file in your web root wirh only this line in it:

<script src="http://connect.facebook.net/en_US/all.js"></script>

Thanks! That's what I thought but I'd have certainly missed the comma.

I'm testing the addthis button now, too. It doesn't seem to format as nicely where I want it to the left of the edit/quote buttons. It also doesn't allow for comments with the "Like" button and the share utility is cumbersome and somewhat of a duplication of what I have in the vBulletin Bookmarks bar. It looks like Addthis uses the same FB application.

BirdOPrey5

10-21-2010, 01:00 AM

carsafety

10-21-2010, 01:55 AM

It certainly allows comments for me... when I click on Facebook on Add This it opens a new tab with a box that says "What's on your mind" with the image I set in the meta tags added by this mod. Whatever I type in that box is the 'comment" and it puts it on my wall with the comment and link.

Oh I think you must have used a different Addthis bar. I just added the default one in a different spot (showthread first post start ad location template) and it looks fine there and works like you said.

Before I used the one with the Facebook Like on the left side, followed by tweet, followed by the share utility. The Like part will only "Like" a thread when I use it, it doesn't pop up a mouse-over comment box like this mod does. You could still go to the Share section and pop up the Facebook sharer app that's the same as the others, of course.

I like the hover comment box on the "Like" button of this mod and it plays nicer with the postbit legacy template in terms of formatting than Addthis does. I hope they fix the bug soon. I'm going to test it for a couple weeks then go live if I don't see any other issues. Perhaps just the Google/Yahoo exclusions and the url channel will suffice.

By the way you can see mine live at www.car-seat.org without registration. For now, you do have to select the "Facebook Test" style from the style selector to see the mod and Addthis.

BirdOPrey5

10-21-2010, 03:30 AM

I see you have the like button on every post- does it link back to the whole thread or just the single post?

carsafety

10-21-2010, 05:00 PM

I see you have the like button on every post- does it link back to the whole thread or just the single post?

It links to the thread but adds the post as a qualifier at the end, for example:

http://www.car-seat.org/showthread.php?p=1464875

Also, if you Like a post, it only applies to that post and not any of the other posts in the thread. For that reason, I opted to make it more apparent rather than limit it to the first post.

Also, the comment box appeared to be somehow tied to posts before I removed it. If I was in hybrid view and clicked on a post and left a comment in the box below the thread, I could not view the comments if I clicked the threaded link to another post in the thread. Given that it could be hard to find comments so that any questions would be unlikely to be answered, I decided to remove it. Plus, we allow unregistered members to post (via moderation) questions in some forums. For another forum format, it seems like it was a very nice way to allow visitors to leave a comment.

Oh, I do like how the opengraph image setting forces the Facebook Sharer app to use the forum logo, rather than a random image from the page. That was annoying some users when they posted photos and the sharer would grab them and slap them on FB.

the_ace

10-28-2010, 01:06 PM

I use this mod with a slight modification as my requirement is to show the LIKE button in front of the thread title for a selected forum instead of the individual post.

Managed this by adding the codes to display the like button in the threadbits template.

Complete the steps given up to editing the headerinclude template. After editing the headerinclude templete follow these instructions :

Template to edit : threadbits

Find :

<a href="showthread.php?$session[sessionurl]t=$thread[threadid]$thread[highlight]" id="thread_title_$thread[realthreadid]"<if condition="$show['gotonewpost']"> style="font-weight:bold"</if>>$thread[threadtitle]</a>

Add below:


<if condition="$foruminfo[forumid]==xxx">
<span id="fb-root"></span>
<script src="/images/fb.js" type="text/javascript"></script>
<fb:like href="$vboptions[bburl]/showthread.php$session[sessionurl]?t=$thread[realthreadid]" width="260"></fb:like></if>

<if condition="$foruminfo[forumid]==xxx"> <-- this is to limit the button only to a selected forum. If you want it like that, replace xxx with the actual forum id.

Thats it.
It shows the FB Like button as follows :
123206

soundbarrierpro

11-05-2010, 11:20 AM

This mod is not compatible with vbSEO. You will get an error every time. In order for the app to work, you must make coding changes which are available at vbSEO forums.

carsafety

11-23-2010, 02:20 PM

BirdOPrey5

11-23-2010, 11:37 PM

I just went live with this mod. I did end up limiting it to the first post. I didn't realize that first post wasn't ONLY the very first post, but at least in hybrid view, it is the first post on the page you are viewing even if it isn't the first post in the thread, which is nice. It worked fine on all posts, but the resizing could take a while on a long thread and was a little annoying. Anyone head about the facebook bug issue? Is it resolved or is there any other fix aside from the custom channel mod?

I've looked into this bug issue and confirmed my site was affected even though I never had the issue myself nor did any member ever complain... but I see virtually every news site and blog out there continues to use this so as bad as the problem sounds it really can't be that big of a deal in the end. At least that's my logic.

lukdesigns

12-12-2010, 04:51 PM

Thank you, works great!
But how to change language of this text: "Be the first of your friends to like this" and like button ?

carsafety

03-02-2011, 12:55 PM

Facebook plugins/like.php has been the top referrer (outside of search engines) for a few months now. Great mod!

yamahapaul

03-05-2011, 10:01 AM

This mod is not compatible with vbSEO. You will get an error every time. In order for the app to work, you must make coding changes which are available at vbSEO forums.

I run the latest vbseo on 3.8.5 and this mod works fine for me-

https://vborg.vbsupport.ru/showthread.php?p=2152203#post2152203

SVTCobraLTD

03-08-2011, 02:00 AM

Nevermind got it to work. I put the fb.js file in forum root instead of site root.

How can I change the font color of "Be the first of your friends to like this."

silver1410

03-18-2011, 09:50 AM

<font color="Navy">I love it and my members love it, but, is there a way of having the "like" button to each post as opposed to each thread as some of our threads are years old and 500 pages long.</font>

yamahapaul

03-19-2011, 03:08 PM

I love it and my members love it, but, is there a way of having the "like" button to each post as opposed to each thread as some of our threads are years old and 500 pages long.

if memory serves me correct this does that-

https://vborg.vbsupport.ru/showthread.php?t=241053

kall

03-19-2011, 03:51 PM

I love it and my members love it, but, is there a way of having the "like" button to each post as opposed to each thread as some of our threads are years old and 500 pages long.
So, you want your facebook profile (and the facebook profiles of your members) to possibly have thousands of entries under the 'Pages I like'? Each one powering a tiny bit of link juice back to an individual post?

Why?

SVTCobraLTD

03-21-2011, 12:53 AM

Anyone else notice when they first open a thread, the box for the Like button opens big and then goes small?

astdirect

03-21-2011, 05:27 PM

Doesnt work with Zoints SEO when you have the URL re-write enabled. Does ANYBODY have a solution to this problem so both can work in harmony :)

forum4

03-24-2011, 12:06 AM

I did the fix and everything, but still getting errors in IE. I have Addthis and the social bookmarks on the footer, so that will just have to do.

Uninstalling this one. I don't think the mod is bad, just Facebook having issues.

5Njr.com

08-26-2011, 03:15 PM

the comments not showing on the threads

NeoDB

09-02-2011, 02:26 AM

I followed all the instructions and nothing happened at all on my board. What am I missing?

http://www.thegreenlanterncorps.com/Forum

al2thero

12-02-2012, 12:55 AM

Thanks a lot

carsafety

07-05-2013, 11:28 PM

Ran fine for a couple years until today. Seems facebook broke the fb.js script somehow, at least as far as all my users with IE are concerned.

tbworld

07-06-2013, 06:44 AM

Not sure about this plugin, but the facebook IE JavaScript has been broken for awhile, although it is not to hard to fix.

I remember reading last month where Facebook was updating their API starting the beginning of July (more migration additions). I am sure you can find the report in the developers section at facebook. At lest it helps to be aware of the upcoming changes in the API so your not caught off guard.