Integration with vBulletin - Nexia's OpenGraph Protocol Inserts

Add OpenGraph Metadata Details for each pages you browse on your site, so search engines and social networks like facebook are able to parse your pages more efficiently.

##############################################
# what is opengraph protocol:

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 allow any web page to have the same functionality as any other object on Facebook.


##############################################
# exemple of result on version 1.0.0. this piece of code is auto-inserted in the meta data of all your vBulletin pages to help facebook and other engines to recognise your content.

<meta property="og:site_name" content="Les Forums Smalah" />
<meta property="og:description" content="smalah, le r?seau social unique des grandes familles du Qu?bec" />
<meta property="og:title" content="La Smalah, une d?finition" />
<meta property="og:url" content="http://smalah.com/showthread.php?9-La-Smalah-une-définition" />
<meta property="og:image" content="http://smalah.com/_style_smalah/logosquare.jpg" />
<meta property="og:type" content="article" />

you can see the result on the screenshot... facebook is able to grab the proper information, even if you did not activate any facebook plugin... because opengraph is not only about facebook, it is also about Google and other search engines that now use this protocol... and many social networks!

http://ogp.me/

##############################################
# how to install the product?

Import the Product file included in the /IMPORT_PRODUCT/ folder.

go to the AdminCP >> vBulletin Options >> Nexia's OpenGraph Protocol

and fill the infos... it is recommanded to add a OG:IMAGE to identify your site in a thumbnail.

##############################################
# To-do-list:

- add thumbnail of first attached image in thread to replace OG:IMAGE by default
- add a choice of site type, in the options
- filter attachments for display videos, images and audio in social networks

[tuRiver]

Is it possible to overwrite vbulletin's default opengraph?

[GHRake]

This still works well, I've just incorporated it on my forum. It does not pull images from the thread, but it will use a default image. Facebook says the image should be 1200x630 but it was getting cut off so 1170x630 seems to work better for me...

I'm using this in conjuction with this mod:
Easiest way to add Social Bookmarks on Thread

You can read the Open Graphics Protocol documentation


You can also go to https://www.facebook.com/insights and get insights for your domain and connect those insights to your facebook page along with connecting to a facebook app. You can incorporate this into this plugin, editting the .xml file before importing and find:

	$og_array = array(
		'og:site_name'	=>	$vbulletin->options['bbtitle'],
		'og:description'=>	$vbulletin->options['description'],
		'og:title'		=>	$vbulletin->options['bbtitle'],
		'og:url'		=>	$vbulletin->options['bburl'],
		'og:image'		=>	$vbulletin->options['nex_opengraph_image'],
		'og:type'		=>	'website'
	);

Include 2 more elements to this array:

	$og_array = array(
		'og:site_name'	=>	$vbulletin->options['bbtitle'],
		'og:description'=>	$vbulletin->options['description'],
		'og:title'		=>	$vbulletin->options['bbtitle'],
		'og:url'		=>	$vbulletin->options['bburl'],
		'og:image'		=>	$vbulletin->options['nex_opengraph_image'],
		'og:type'		=>	'website',
               
		'fb:app_id'		=>  'YOUR_APP_ID',
		'fb:admins'	=>  'YOUR_ADMIN_ID'
	);

Replace YOUR_APP_ID and YOUR_ADMIN_ID with whatever you get from FaceBook.

Then test your markup here:
https://developers.facebook.com/tools/debug/sharing/

Maybe someone knows how to parse the thread text and pull the first hotlinked image or embedded youtube video?

This is what my final product looks like:


And here's a nice bonus: Google+ picks up the OG meta tags as well w00t

[masterross]

Perfect mod!
I combined with https://vborg.vbsupport.ru/showthread.php?t=300221
to get the thread's image.