vb.org Archive - Integration with vBulletin - vBadvanced Dynamics Facebook Like+Send Button

Info:
Add the Facebook Like+Send button to vbadvanced Dynamics using 'Open Graph protocol'

Live Demo

Quote:

The Open Graph Protocol enables you to integrate your Web pages into the social graph. It is currently designed for Web pages representing profiles of real-world things ? things like movies, sports teams, celebrities, and restaurants. Including Open Graph tags on your Web page, makes your page equivalent to a Facebook Page. This means when a user clicks a Like button on your page, a connection is made between your page and the user. Your page will appear in the "Likes and Interests" section of the user's profile, and you have the ability to publish updates to the user. Your page will show up in same places that Facebook pages show up around the site (e.g. search), and you can target ads to people who like your content. The structured data you provide via the Open Graph Protocol defines how your page will be represented on Facebook.

Screenshots:

https://vborg.vbsupport.ru/attachmen...1&d=1305563805

https://vborg.vbsupport.ru/attachmen...1&d=1305563823

Installation:

1- Open the ADV_DYNA_SHOWENTRY template and search for :

Code:

<html dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}" xmlns="http://www.w3.org/1999/xhtml">

Replace it with the code below:

Code:

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml" dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}" id="vbulletin_html">

2- Add the code below after {vb:raw headinclude} :

Code:

<meta property="og:title" content="{vb:raw entry.title}" />

<meta property="og:description" content="{vb:raw entry.meta_description}" />

<meta property="og:url" content="{vb:raw href}" />

<meta property="og:type" content="website" />

<meta property="og:image" content="http://www.YOURWEBSITE.com/YOURLOGO.png" />

<meta property="og:site_name" content="YOURSITENAME" />

<meta property="fb:admins" content="xxxxxx" />

<meta property="fb:app_id" content="xxxxxx"/>

Note:
<meta property="fb:admins" content="xxxxxx" />
Red:
Replace it with your facebook account id.

Quote:

This means when a user clicks a Like button on your page, a connection is made between your page and the user. Your page will appear in the "Likes and Interests" section of the user's profile, and you have the ability to publish updates to the user.

https://vborg.vbsupport.ru/attachmen...1&d=1305563823

<meta property="fb:app_id" content="xxxxxx"/>
Red:
Replace it with your own facebook application id, use yor vbulletin/facebook connect app id.

3- In the same template search for :

Code:

                {vb:raw entry.pagetext_parsed}



            </blockquote>

And add the code below after that :

Code:

<fb:like href="{vb:raw href}" send="true" show_faces="false" width="450" show_faces="true" font="tahoma"></fb:like>

Done.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01040 seconds Memory Usage 1,724KB 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 (5)bbcode_code_printable (2)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (3)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 bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: