The Arcive of Official vBulletin Modifications Site.

About Developer · **Released**: 05-14-2010

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)

6piston · #42 05-31-2010, 08:26 AM

hi kall

thanks for the mod,
got it working

some questions about thumbnails:
For threads i like without commenting : profile shows likes
For threads i like with my comment : profile shows snippet of thread + thumbnail

the weird thing is for all the thumbnail that appears beside the like post that displays on facebook, it shows a thumbnail of an image that isn't in the page. i attached the screen shot.

i have no idea what VBCUSTOMPIXEL is

Is there a way i can set a permanent thumbnail image instead? if there is no way of determining a thumnail from the thread?

Thanks!

thanks

kall · #43 05-31-2010, 07:08 PM

The image that FB displays comes from og:url .. I'm not sure where it pulls those weird non-existant images from, but it does that when the og:url is not defined.

I could really only define it for Member Profiles, otherwise I set it to whatever you have set for the titleimage stylevar.

(Regarding the private forums exclusion, yes.. you would just have to add the conditional to exclude it.)

ceho · #44 05-31-2010, 07:20 PM

Uhm, would it be too much to give me an idea how to do this...? Sorry... And thanks!

MagicThemeParks · #45 05-31-2010, 10:15 PM

ceho, you could search on how to exclude based on certain conditionals.

Google search brought me an article over at vBulletinSetup.com here: http://forum.vbulletinsetup.com/f18/...list-2185.html

Good luck :up:

6piston · #46 06-01-2010, 07:52 AM

Quote:

Originally Posted by kall

The image that FB displays comes from og:url .. I'm not sure where it pulls those weird non-existant images from, but it does that when the og:url is not defined.

I could really only define it for Member Profiles, otherwise I set it to whatever you have set for the titleimage stylevar.

(Regarding the private forums exclusion, yes.. you would just have to add the conditional to exclude it.)

hi Kall

thanks for the reply
can you tell me very briefly where to set this url to use a single image instead?

thanks!!!

kall · #47 06-01-2010, 08:12 AM

Find this in the ogfb_like_metadata template, and change the bit in the "" to whatever you want:

PHP Code:


			
<meta property="og:image" content="$stylevar[titleimage]" />

ceho · #48 06-01-2010, 05:05 PM

I am suddenly getting errors without having changed anything!!

When you click on the button it says "Be the first one to like: Error".

Erros is a link, when you click it a popup opens saying the page could not be reached. Pls. see screenshot.

Attachment 117870

Any ideas what that is, why it happens out of nowhere and how to fix it?

Thanks a lot!

Edit: OK, it looks this is a Firefox issue. It works on IE, Opera and Google Chrome!
Second edit: a user just reported it happend on IE as well :-(

@MagicThemeParks: thank you very much, I will give it a try once my problem as above is sloved ;-).

kall · #49 06-01-2010, 07:13 PM

I'm thinking that the temporary error without changing anything scenario has to be at the FB end. A few people mention it over on the FB developers forums.

See if it comes right in an hour or 2.

ps2wiz · #50 07-09-2010, 04:36 AM

Could you please instruct me on an example where to place the "$ogfb_like_showthread" code so it appears just as in your screen shot?

Also, whenever a user uses the feature to post it on their profile it automatically grabs an image off the thread. Can I control which image is posted, I don't wish for this part to be automatic. I'd like to inset my forum's logo.

Thanks

Mark.B · #51 08-12-2010, 09:54 PM

Installed this, it's the third Facebook Like hack I have tried and this one works better than the others, I have tweaked and played about as I always do and finally worked in a tidy placement of the Like button, top and bottom of thread, with correct alignment.

Example:
http://www.bowlandcentral.com/forum/...ad.php?t=86622

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.05574 seconds Memory Usage 2,350KB 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 (6)bbcode_php (3)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 (3)pagenav_pagelink (11)post_thanks_box (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (11)post_thanks_postbit_info (10)postbit (2)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 post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername 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
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!