Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
More Open Graph Images (Free) by BOP5 Details »
More Open Graph Images (Free) by BOP5
Mod Version: 1.0.2, by BirdOPrey5 (IB Staff) BirdOPrey5 is offline
Developer Last Online: Feb 2019 I like it Show Printable Version Email this Page

vB Version: 4.x.x Rating: (8 votes - 5.00 average) Installs: 70
Released: 18 Jul 2013 Last Update: Never Downloads: 360
Supported Uses Plugins Auto-Template  

Brought to you by BirdOPrey5 / Qapla.com

If you don't know what Open Graph is, it is a standard which Facebook and other big social networking sites use to extract information from a web page being shared/posted on their site.

Open Graph meta tags tell Facebook the URL of the page to share, the title of the page, the type of content, and also one or more images to be used as the thumbnail when a page is shared.

A major limitation of vBulletin 4.x has always been the image. The only option vBulletin has is to enter the URL to 1 image in Facebook Options in the Admin CP, and the same image would be shared every time any page from your site was posted to Facebook. This would usually be your site's logo. While it was OK, it was really annoying you couldn't get a picture that had more to do with the exact thread being shared. For example if the thread was about Jeeps and had pictures of Jeeps in the thread it would be better to show one of those pictures instead of the site logo.

Now you can.

Live Demo: http://www.qapla.com/mods/showthread...e-images-tests (View the HTML source code)

This Free version will find-
  • All images included via the [IMG] BBCode in the entire thread page
  • All Embedded YouTube Video image thumbnails used on the thread page
  • All Image file attachments (full size or thumb nails) on the thread page*

And add ALL of these as possible og meta tags on your thread page.

The Pro Version available on Qapla.com works on Blog Entries and CMS Articles as well, but is otherwise the same.

Note: The "Pro" version is bundled with my More Share Options TNG Pro mod, a subscription to one gives access to both.

Important Notes - This mod only promises to add the images, youtube videos, and attachments (if enabled) to the list of available of meta tags and this can be confirmed working by viewing the HTML source of the page or using the Facebook Debugger to see all images and other content scraped form your page: https://developers.facebook.com/tools/debug

This mod cannot promise Facebook will actually use these images! It is important to understand that giving these pictures as an option to Facebook is as far as any modification can go. After that it is up to Facebook's scraping algorithm to determine which, if any, images will be presented to the users as an option when sharing the page. Facebook does not publish strict details on how they make these choices. Search on Google and you'll quickly find many answers to the question but each one different.

Facebook does say that images should be (not must but should be) at least 200 by 200 pixels but they prefer even more a 1500 x 1500 pixel image. They prefer images closer to square than very long or tall. They will auto resize or crop as needed.

*It appears Facebook will never use vBulletin attachments even though the Facebook Debugger does pick them up and show them. I suspect the reason is because attachments are not to actual jpg/gif/png images but instead are links to attachment.php. Nevertheless I included the attachment option because Facebook may change this behavior one day and other social networks may not have this limitation.

There does not seem to be any ham in presenting multiple images to Facebook, they will choose what they want.

I have had more luck getting the option to choose between different thumbnails when using the older "Facebook Share" button as opposed to the "Facebook Like" (or Recommend) button that is default in vBulletin. If you use the free or Pro version of my More Share Options TNG mod you can easily change to the Facebook Share button.

Finally this mod knows how to deal with both https and regular http images. The og meta tags are slightly different for each, the correct one will be used based on the image source found.

Also, this mod is designed to work with or without the Facebook Platform enabled.

For use on vBulletin 4.x.x only. Tested on 4.07, 4.2.0, and 4.2.1.

------------------------------------------------------

Please "Mark as Installed" if you use this.
Donations always appreciated.
Nominate MOTM if you LOVE it!

Download Now

Only licensed members can download files, Click Here for more information.

Screenshots

Click image for larger version

Name:	more_og_vb4_html_source.jpg
Views:	1223
Size:	55.1 KB
ID:	145774   Click image for larger version

Name:	more_og_vb4_settings.jpg
Views:	775
Size:	110.4 KB
ID:	145775  

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • If you like this modification support the author by donating.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
Miscellaneous Hacks Open Internal Links in Same Tab - Ported by BOP5 (VB 4.x & VB 3.x) BirdOPrey5 vBulletin 4.x Add-ons 24 16 Oct 2014 10:05
Miscellaneous Hacks Open Internal Links in Same Tab - Ported by BOP5 (VB 3.x & VB 4.x) BirdOPrey5 vBulletin 3.8 Add-ons 12 30 Sep 2012 20:29

  #61  
Old 14 Aug 2016, 11:21
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
This mod does put them in the <head> area of the page, at least on the default vBulletin styles.

If you have Facebook enabled on your site the mod looks for the text


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

which is in the <head> area when Facebook integration is enabled and adds the extra og:image tags below it.

If the Facebook platform is not enabled it looks for


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

and uses that instead. In both cases the code remains inside the <head> section of the source code.
__________________
-Joe
Former vBulletin.org Staff Member

(@BirdOPrey5) Former vb.org Moderator. Fighting for a free & independent vb.org.
BirdOPrey5.com - Exclusive VB Mods! (Formerly Qapla.com) | Joe's Ultimate Off Topic
Note - I do not read my PMs often, do not expect quick replies.
Reply With Quote
  #62  
Old 14 Aug 2016, 18:34
VICOS VICOS is offline
 
Join Date: Mar 2002
Originally Posted by BirdOPrey5 View Post
This mod does put them in the <head> area of the page, at least on the default vBulletin styles.

If you have Facebook enabled on your site the mod looks for the text


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

which is in the <head> area when Facebook integration is enabled and adds the extra og:image tags below it.

If the Facebook platform is not enabled it looks for


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

and uses that instead. In both cases the code remains inside the <head> section of the source code.
Hi Joe,

My bad and my apologies for the incorrect assessment.

You code was not inserting anything due to the admin settings I had chosen. I had added the other meta og:image code in the postbit_attachmentthumbnail template many months ago and had forgotten about it.

It all works now as you say.

Again, my apologies.
Reply With Quote
  #63  
Old 14 Aug 2016, 19:39
VICOS VICOS is offline
 
Join Date: Mar 2002
Originally Posted by NeutralizeR View Post
Not sure why (I moved the website to HTTPS a few weeks ago), but i had to disable the ":secure_url" in the plugin to make it work for attachments:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.
I just confirmed this issue when using SSL for your forum. The FB debugger loses it mind and FB actual refuses to see the images.

As soon as I comment out ":secure_url" in the plugin, FB debugger is happy and FB actual sees ALL images and lets you choose which one you want.

It even works when using attachment images, i.e. the image url is:

attachment.php?attachmentid=###

BTW, I am using vB 4.2.3 PL2.
Reply With Quote
  #64  
Old 04 May 2017, 23:56
elsa23's Avatar
elsa23 elsa23 is offline
 
Join Date: Dec 2014
Hi, I use a Highslide image resize , so all pictures in [IMG] are resized. I had created a [img2] bbcode that not resize image, I use it to show full size in presentation
Is it possible to use [img2] for Open Graph image instead of [IMG] tag or use both together ?
Thanks

Edit
in the xml to import, I had remplaced :
$picfindregex = "\[img](.+)\[/img]";

with:
$picfindregex = "\[img2](.+)\[/img2]";

Now, Open Graph uses [img2] instead of [img]
Is it possible ton use [img] and [img2] together please
__________________
sorry for my bad english

Last edited by elsa23; 05 May 2017 at 22:10.
Reply With Quote
  #65  
Old 06 May 2017, 10:47
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
if you put an asterisk after the 2 it should tell the regex the 2 is optional and work either way:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

But not tested. Worse case just go back to the way you had it, no lasting damage.
__________________
-Joe
Former vBulletin.org Staff Member

(@BirdOPrey5) Former vb.org Moderator. Fighting for a free & independent vb.org.
BirdOPrey5.com - Exclusive VB Mods! (Formerly Qapla.com) | Joe's Ultimate Off Topic
Note - I do not read my PMs often, do not expect quick replies.
Reply With Quote
  #66  
Old 06 May 2017, 13:29
elsa23's Avatar
elsa23 elsa23 is offline
 
Join Date: Dec 2014
Originally Posted by BirdOPrey5 View Post
if you put an asterisk after the 2 it should tell the regex the 2 is optional and work either way:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

But not tested. Worse case just go back to the way you had it, no lasting damage.
Great, it works!! Thanks a lot
__________________
sorry for my bad english
Reply With Quote
  #67  
Old 07 May 2017, 17:50
elsa23's Avatar
elsa23 elsa23 is offline
 
Join Date: Dec 2014
Hi, I use @MarkFL youtube bbcode
http://www.vbulletin.org/forum/showthread.php?t=319623

So the bbcode is :

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

I tried to edit this line but it does not work, can you help me please


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

__________________
sorry for my bad english
Reply With Quote
  #68  
Old 08 May 2017, 11:16
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
Originally Posted by elsa23 View Post
Hi, I use @MarkFL youtube bbcode
http://www.vbulletin.org/forum/showthread.php?t=319623

So the bbcode is :

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

I tried to edit this line but it does not work, can you help me please


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.
Try...


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

__________________
-Joe
Former vBulletin.org Staff Member

(@BirdOPrey5) Former vb.org Moderator. Fighting for a free & independent vb.org.
BirdOPrey5.com - Exclusive VB Mods! (Formerly Qapla.com) | Joe's Ultimate Off Topic
Note - I do not read my PMs often, do not expect quick replies.
Reply With Quote
  #69  
Old 08 May 2017, 11:46
elsa23's Avatar
elsa23 elsa23 is offline
 
Join Date: Dec 2014
Originally Posted by BirdOPrey5 View Post
Try...


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Thank you so much
__________________
sorry for my bad english
Reply With Quote
  #70  
Old 11 Aug 2017, 15:11
chikuru chikuru is offline
 
Join Date: Nov 2011
How can I set default image if theres no attachment?
Reply With Quote
  #71  
Old 12 Aug 2017, 16:53
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
The default image if there are no other images is set in the Admin CP -> Settings => Options -> Facebook Settings
__________________
-Joe
Former vBulletin.org Staff Member

(@BirdOPrey5) Former vb.org Moderator. Fighting for a free & independent vb.org.
BirdOPrey5.com - Exclusive VB Mods! (Formerly Qapla.com) | Joe's Ultimate Off Topic
Note - I do not read my PMs often, do not expect quick replies.
Reply With Quote
  #72  
Old 13 Aug 2017, 18:51
chikuru chikuru is offline
 
Join Date: Nov 2011
Originally Posted by BirdOPrey5 View Post
The default image if there are no other images is set in the Admin CP -> Settings => Options -> Facebook Settings
Hmm, looks like that doesnt work. If theres no image, the image that appear is one of the image from the theme
Reply With Quote
  #73  
Old 14 Aug 2017, 23:31
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
Does the image show up in the open graph codes in the source code of the page? If it does then perhaps Facebook simply hasn't cleared its cache or doesn't like the image you chose (too small, too big, too wide or tall, etc...) Google "Facebook Debugger" and use that to check what Facebook is seeing. You can also force Facebook to re-scrape the page.
__________________
-Joe
Former vBulletin.org Staff Member

(@BirdOPrey5) Former vb.org Moderator. Fighting for a free & independent vb.org.
BirdOPrey5.com - Exclusive VB Mods! (Formerly Qapla.com) | Joe's Ultimate Off Topic
Note - I do not read my PMs often, do not expect quick replies.
Reply With Quote
  #74  
Old 28 Feb 2018, 01:47
ikymbo's Avatar
ikymbo ikymbo is offline
 
Join Date: May 2012
Why doesnt works with https images?
Reply With Quote
  #75  
Old 10 Oct 2018, 18:00
bmwfans bmwfans is offline
 
Join Date: Dec 2009
Perfect!!! Thank you very much, works great on 4.2.3!!!!
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 18:15.

Layout Options | Width: Wide Color: