vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 3.8 Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=235)
-   -   Miscellaneous Hacks - Add New Facebook "Like" Button to Threads and OpenGraph to Headinclude Automatically (https://vborg.vbsupport.ru/showthread.php?t=242536)

kall 05-14-2010 10:00 PM

Add New Facebook "Like" Button to Threads and OpenGraph to Headinclude Automatically
 
1 Attachment(s)
From The Open Graph Protocol :
Quote:

The Open Graph protocol enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to enable any web page to have the same functionality as a Facebook Page.
Quote:

Basic metadata
To turn your web pages into graph objects, you need to add basic metadata to your page. We've based the initial version of the protocol on RDFa which means that you'll place additional <meta> tags in the <head> of your web page. The four required properties for every page are:

og:title - The title of your object as it should appear within the graph, e.g., "The Rock".
og:type - The type of your object, e.g., "movie". Depending on the type you specify, other properties may also be required.
og:image - An image URL which should represent your object within the graph.
og:url - The canonical URL of your object that will be used as its permanent ID in the graph, e.g., "http://www.imdb.com/title/tt0117500/".
This modification will add these tags to all pages, and the <og:title> attribute to your SHOWTHREAD pages (for the moment.. additional Pages to be added soon), along with the Facebook 'Like Button' under the Thread Title (as we are supposed to put the Like button next to the thing the person is Liking).

Install Instructions:
AdminCP - Plugins & Products - Manage Products - [Add/Import Product] , browse to the location of the .xml file you downloaded from this thread, Import it.
Template Modifications
In SHOWTHREAD, find:
PHP Code:

<html xmlns="http://www.w3.org/1999/xhtml" dir="$stylevar[textdirection]

Replace with:
PHP Code:

<html xmlns="http://www.w3.org/1999/xhtml" <if condition="$vboptions['ogfb_onoff']">xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://opengraphprotocol.org/schema/" </if>dir="$stylevar[textdirection]

Find:
PHP Code:

$headinclude 

Add under:
PHP Code:

$ogfb_metadata 

Wherever you want to add the Like Button, add
PHP Code:

$ogfb_like_showthread 

Configuration Instructions
AdminCP - Settings - Options - Opengraph/Facebook Integration
Global On/Off - Set to Yes to turn the system on.
FB - Page Admins - A comma-separated list of the Facebook IDs of the Admins of your pages on Facebook.
FB - App ID - The application ID of your Facebook Application.
OG - Site Name - A short, human-readable name for your site that will appear in the Like on the User's Facebook Activity Stream.

It is important to fill in these, as they are used by FB to fill in some of the information, and allows your pages (Showthread at the moment) to be referenced in the Open Graph.

What's Next?
This is an early beta release to gauge the interest in Open Graph/Facebook type stuff.
I intend to add the tags to other pages, and implement some of the other Facebook Social Plugins. These will all be On/Off configurable. Some can be seen in action at:

View Profile: kall - New Zealand Boards - Like for Member Profiles
http://www.nzboards.com/the-lounge/r...on-sale-90544/ - Activity and Recommendation Streams in first and last post.

(4.0.3 Version here: https://vborg.vbsupport.ru/showthread.php?t=242525)

kall 05-15-2010 06:43 AM

Ahh.

Issues. I need to re-upload the .xml, please hang 5.

*edit* Done.

Taurus1 05-15-2010 08:39 AM

Thanks mate....gonna give it a whirl!!

Brandon Sheley 05-15-2010 10:32 PM

Thank you man!
I'll ditch what I currently have and set this one up

/me clicks install

I do not see

Configuration Instructions
AdminCP - Settings - Options - Opengraph/Facebook Integration

kall 05-16-2010 12:29 AM

Dammit. That's what I was supposed to get in the edit of the xml. Do you see them in the xml?

kall 05-16-2010 12:32 AM

Bah. Must have uploaded the wrong one. Try now. :)

Brandon Sheley 05-16-2010 12:34 AM

Quote:

Originally Posted by kall (Post 2037655)
Bah. Must have uploaded the wrong one. Try now. :)

yup, I see the options now :)
Just putting the little one to bed, will finish the install in 20 mins, thanks again for releasing a 3.8 version :up:

one question.. I'm trying to place this in the postbit, can I enter this into the postbit template?

Code:

$ogfb_like_showthread

zfrank1 05-16-2010 07:30 AM

the templates are not cached. can you change your code?

kall 05-16-2010 09:04 AM

Quote:

Originally Posted by zfrank1 (Post 2037774)
the templates are not cached. can you change your code?

Well, I was going to upgrade it so it worked on all pages, but ok.

kall 05-16-2010 09:10 AM

Quote:

Originally Posted by Loco.M (Post 2037656)
one question.. I'm trying to place this in the postbit, can I enter this into the postbit template?

Code:

$ogfb_like_showthread

You should be able to, but that's not Best Practice.. you want people to Like the Thread, not the post.

nascartr 05-16-2010 11:29 AM

Quote:

Originally Posted by kall (Post 2037655)
Bah. Must have uploaded the wrong one. Try now. :)

Looks like another xml has been uploaded, there are no admincp options in it either.

Brandon Sheley 05-16-2010 01:31 PM

Quote:

Originally Posted by nascartr (Post 2037866)
Looks like another xml has been uploaded, there are no admincp options in it either.

Are you sure? They appeared when I uploaded the new XML.

nascartr 05-16-2010 04:42 PM

Quote:

Originally Posted by Loco.M (Post 2037905)
Are you sure? They appeared when I uploaded the new XML.


Yeah, I have nothing and when I view the xml there's nothing about the settings. Also when I downloaded I was the first to download the file so I'm thinking there was another new one added.

Brandon Sheley 05-16-2010 05:06 PM

Quote:

Originally Posted by nascartr (Post 2038014)
Yeah, I have nothing and when I view the xml there's nothing about the settings. Also when I downloaded I was the first to download the file so I'm thinking there was another new one added.

I think there was to, have you downloaded it in the last day? I think Kall updated it :)

nascartr 05-16-2010 05:14 PM

Quote:

Originally Posted by Loco.M (Post 2038023)
I think there was to, have you downloaded it in the last day? I think Kall updated it :)

I did about 10 minutes before my first post.

kall 05-16-2010 07:38 PM

And this is why Kall hates the 3.8 Product Creation method. Settings don't pull unless you are in Debug mode? What's up with that? :(

The settings should be back in the xml, my apologies.

SamirDarji 05-17-2010 02:38 PM

This looks very interesting. Subscribing to watch thread. :)

staticrebelle 05-17-2010 03:03 PM

Great stuff!

Is it possible to release a vbSEO version for 3.8.4? Right now the box is just showing up with blank white space inside.

kall 05-17-2010 05:09 PM

Quote:

Originally Posted by staticrebelle (Post 2038575)
Great stuff!

Is it possible to release a vbSEO version for 3.8.4? Right now the box is just showing up with blank white space inside.

That's weird.. this mod was developed on a 3.8 forum running vBSEO.

Could you maybe provide a link to a page where it's like that, or the source code of the area?

Brandon Sheley 05-17-2010 05:30 PM

Quote:

Originally Posted by kall (Post 2038614)
That's weird.. this mod was developed on a 3.8 forum running vBSEO.

Could you maybe provide a link to a page where it's like that, or the source code of the area?

could you check out my question about adding this in the postbit template


and how do we get our ID's
FB - Page Admins - A comma-separated list of the Facebook IDs of the Admins of your pages on Facebook.
my account is facebook.com/username/

kall 05-17-2010 05:39 PM

Quote:

Originally Posted by Loco.M (Post 2038629)
could you check out my question about adding this in the postbit template


and how do we get our ID's
FB - Page Admins - A comma-separated list of the Facebook IDs of the Admins of your pages on Facebook.
my account is facebook.com/username/

Sorry dude, that super important request to cache two templates took precedence. :(

When you say postbit, do you mean every post, or are you going to conditional it to only appear in the first one (the reason it is in navbar is because the entire purpose of the Like button under current functionality is to Like the *page* that one is visiting. Putting it in a single post will result in multiple Like URLs for the resource (as that post can be visited via showpost.php or showthread.php among others), and putting it in every post won't work at all on showthread.php)?

kall 05-17-2010 05:40 PM

The ID is (as it should mention in the AdminCP bit) found by mousingover your avatar (usually, works for me anyway), or going into your Albums and looking for the common string of numbers that appears on each.

Brandon Sheley 05-17-2010 05:42 PM

I understand, no rush on my part :)
I have the first post conditioned out in the postibit template (see example)
This version seems to take a while to load, I may just revert back and use the small "like" button/count.

thx, found my ID

kall 05-17-2010 05:57 PM

Re it being slow: Conversation here seems to indicate using the FBML makes it faster than the iframe version: http://wiki.developers.facebook.com/...Talk:Fb:iframe

It should be possible to change the button to use the iframe though, keeping all the opengraph stuff.

In ogfb_like_showthread, delete everything and replace with this:

Code:

<div style="padding: 5px; border: 1px solid #3F6F81; background: #ffffff; font-size: 10px; width: 300px;">
<iframe src="http://www.facebook.com/plugins/like.php?href=$vboptions[bburl]/showthread.php?t=$thread[threadid]&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
</div>

Obviously though, by doing this we lose the app_id detail. Let me know how it works for you.

kall 05-17-2010 06:33 PM

To make the button display on other templates

Change the hook that the OpenGraph/Facebook Integration - SHOWTHREAD variables plugin executes on to an applicable hook.

(postbit - postbit_display_complete. or chuck it in global_start or something that's called on every page.)

Brandon Sheley 05-17-2010 06:58 PM

Thanks, checking it out now

still not working, I'll play around with this tonight

thx for the help Kall

kall 05-17-2010 07:07 PM

How's it not working man? Gimme a URL.

There is the issue of 'vBSEO needs to use slightly different code' and 'Brandon made me change my plugins while I had the flu' clouding the waters somewhat. :)

Brandon Sheley 05-18-2010 02:18 AM

Quote:

Originally Posted by kall (Post 2038685)
and 'Brandon made me change my plugins while I had the flu' clouding the waters somewhat. :)

aww, sorry man :o
hope you get feeling better
I posted a link a few post up

I'll play with it again, but I had tried placing the $ogfb_like_showthread in my postbit template along with the digg, twitter and stumble one
and tried changing the hook location to the 2 you suggested and nothing showed.
I moved $ogfb_like_showthread back in the showthread template, and it shows.

I just about have it how I want it, thanks for the help :)

staticrebelle 05-18-2010 03:14 PM

Quote:

Originally Posted by kall (Post 2038614)
That's weird.. this mod was developed on a 3.8 forum running vBSEO.

Could you maybe provide a link to a page where it's like that, or the source code of the area?

Hope this helps :)

http://www.avrilbandaids.com/forums/...ound-site.html

You can see the white box above the reply button.

kall 05-18-2010 05:29 PM

Ahh. One question - are you currently running YAFB or the default 4.0.3 Facebook Connect?

They're not compatible :( You would need to use the iframe code rather than the FBML version.

Brandon Sheley 05-19-2010 02:57 PM

This stopped working when I tried to isntall the vb nexius mod :(
I've removed both, re-added this mod and nothing is showing in the postbit.
I'll see if I can look deeper, maybe something from the nexius mad is stalling things..
I'm bummed, it was looking great too :D

kall 05-19-2010 05:45 PM

Are you still using some form of Connect?

Brandon Sheley 05-20-2010 12:27 PM

Quote:

Originally Posted by kall (Post 2040002)
Are you still using some form of Connect?

well I wasn't, your mod was working great and then I tried adding the nexius mod that IB_username (I don't remember his name, but it's the IB guy that's posted a few mods) and your mod stopped working. So I removed the nexius mod, removed all files and your mod still doesn't work :(
I've since removed the opengraph mod, and tried adding it back late last night.. still not working :(
I'm guessing there is something leftover from the nexius mod

your mod doesn't even show ATM if I place it in the showthread template like designed.

ceho 05-29-2010 08:12 AM

I tried your mod and it's working for me, thanks a lot. However it is showing a white rectangle around the button and my forum is dark. Is there any chance to adapt the look and colors etc. of the rectangle? Thanks a lot!

kall 05-29-2010 08:42 AM

Quote:

Originally Posted by ceho (Post 2044974)
I tried your mod and it's working for me, thanks a lot. However it is showing a white rectangle around the button and my forum is dark. Is there any chance to adapt the look and colors etc. of the rectangle? Thanks a lot!

Sure is.

In template ogfb_like_showthread, change the following div properties to suit. :)

<div style="padding: 5px; border: 1px solid #3F6F81; background: #ffffff; font-size: 10px; width: 300px;">

ceho 05-29-2010 02:39 PM

Awesome, thanks for the quick reply!

yamahapaul 05-29-2010 07:24 PM

1 Attachment(s)
I've downloaded this, tried it, got it working ok and experimented with moving the like button around, however the place I'd like it ideally is one of these two positions in the attached pics (blue cross marked) the first one is my preference... any ideas at all please?

kall 05-29-2010 07:44 PM

Quote:

Originally Posted by yamahapaul (Post 2045224)
I've downloaded this, tried it, got it working ok and experimented with moving the like button around, however the place I'd like it ideally is one of these two positions in the attached pics (blue cross marked) the first one is my preference... any ideas at all please?

You could try adding $ogfb_like_showthread before the following in SHOWTHREAD:

PHP Code:

$pagenav</td></if>
</
tr>
</
table>
<!-- / 
controls above postbits --> 


yamahapaul 05-29-2010 09:22 PM

Quote:

Originally Posted by kall (Post 2045233)
You could try adding $ogfb_like_showthread before the following in SHOWTHREAD:

PHP Code:

$pagenav</td></if>
</
tr>
</
table>
<!-- / 
controls above postbits --> 


No, that doesnt work... arrrghh I can get it everywhere except where I want it lol

ceho 05-30-2010 03:47 PM

Is there any chance to exclude the button from private forums?


All times are GMT. The time now is 05:07 PM.

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.02143 seconds
  • Memory Usage 1,849KB
  • 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
  • (3)bbcode_code_printable
  • (7)bbcode_php_printable
  • (19)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (40)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