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: Mar 2019 I like it Show Printable Version Email this Page

vB Version: 4.x.x Rating: (9 votes - 4.89 average) Installs: 70
Released: 17 Jul 2013 Last Update: Never Downloads: 363
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:	1231
Size:	55.1 KB
ID:	145774   Click image for larger version

Name:	more_og_vb4_settings.jpg
Views:	781
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 09: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 19:29

  #46  
Old 28 Feb 2015, 00:01
mykkal's Avatar
mykkal mykkal is offline
 
Join Date: May 2007
Real name: Mike McKoy
Does this work on vb 4.2.3? I have php 5.5 running
__________________
Casting Calls for Models, Actors, And Other Talent
http://MyModelTalk.com
Reply With Quote
  #47  
Old 28 Feb 2015, 11:55
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
I don't see why it wouldn't, but I haven't tested against 5.5 specifically.
__________________
-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
  #48  
Old 26 Aug 2015, 03:31
m2006's Avatar
m2006 m2006 is offline
 
Join Date: Jan 2006
install on vbulletin 4.2.3 worked
Reply With Quote
  #49  
Old 10 Apr 2016, 05:25
NeutralizeR NeutralizeR is offline
 
Join Date: Aug 2005
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.

With secure_url enabled:


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

Test platform: https://developers.facebook.com/tools/debug/og/object/
__________________
MsXLabs Forum
Reply With Quote
  #50  
Old 02 May 2016, 13:30
NeutralizeR NeutralizeR is offline
 
Join Date: Aug 2005
vBSEO deals with attachment URL's like this:

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

So changing "content" to "href" makes the URL use vbseo version
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

But of course, we can't use href attribute with meta tag.

Adding meta and content to the regexp makes all meta content tags start with forum URL.

Do you have any advice how to use vbseo powered attachment URLs in og:image?
__________________
MsXLabs Forum
Reply With Quote
  #51  
Old 03 May 2016, 19:02
NeutralizeR NeutralizeR is offline
 
Join Date: Aug 2005
VBSEO fix = Edit functions_vbseo.php:

find:

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

replace with:

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

find:

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

replace with:

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

__________________
MsXLabs Forum
Reply With Quote
  #52  
Old 11 Jul 2016, 10:04
dariyos dariyos is offline
 
Join Date: Nov 2011
this mod only generate og:images like this:


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

Facebook can't read that ...

Facebook want it like this:


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

do you have an other solution for this?

If I post external links with the IMG-Tag, it works, but I see only ONE Image when I click on "SHARE" ...
Can't change between the images when I have more than 1 external images.

Last edited by dariyos; 12 Jul 2016 at 06:53.
Reply With Quote
  #53  
Old 11 Jul 2016, 23:53
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
I see no difference between what the mod makes and what you say works.

However, please see in my original description of the mod:

*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.
Using attachments simply isn't going to work. Facebook doesn't use them for whatever reason. Other services that use og:images might, so I left the option in the mod, but Facebook does not.
__________________
-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
  #54  
Old 12 Jul 2016, 07:11
dariyos dariyos is offline
 
Join Date: Nov 2011
thats bad,

at google+ it works, but I can't change the image in the sharer window, there is only one image available, no arrows to change the image. I think the "sharer" window picks only the first image from the quellcode... any ideas?

I use DBSeo

How can I rewrite the attachment-urls from

http://domain.com/attachment.php?attachmentid=1234

to

http://domain.com/attachments/1234/originalbildname.png

?

Last edited by dariyos; 12 Jul 2016 at 08:05.
Reply With Quote
  #55  
Old 12 Jul 2016, 09:18
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
Even rewriting the URLs using DBSEO or VBSEO doesn't help. Facebook knows it's not a "real" link somehow (likely because of the redirect involved) and just doesn't use it. I've tried for months, feel free to keep trying, but ultimately it is of my opinion attachments will simply never work with Facebook.

As for the Google issue, I can't imagine any way to specify which would be the first image for every single thread on your site.

The first image will be the first image using [IMG] in a post on the page, you could add an image to the first post using an [IMG] tag to force it to be the first one created by the mod. Maybe created a custom BB Code to hide the image using CSS display:none so regular users don't even see it, but seems like a lot more work to me then it is worth.
__________________
-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
  #56  
Old 12 Jul 2016, 09:53
dariyos dariyos is offline
 
Join Date: Nov 2011
Google+:

When I activate the mod, and delete the static picture to show on every thread, the sharer displays the first image, and this is my Logo from the header - not from the post-content.

is it not possible to show all pictures in a row - with arrows I can change the pictures?
Reply With Quote
  #57  
Old 12 Jul 2016, 15:17
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
It would be up to Google to show arrows that can change the picture, not this mod.

If you want to move the extra pictures by this mod below the picture included on every page in your Facebook settings so Google sees that one first, do the following-

1) Edit your headinclude template. Add this code at the very bottom of the template:

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

Save changes.

2) Edit the plugin Insert Open Graph Tags find the line:

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

Change it to:

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

Save changes.

That should do it, the default Facebook image will be the first og:image on every 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
  #58  
Old 13 Jul 2016, 07:56
dariyos dariyos is offline
 
Join Date: Nov 2011
When I set a Facebook Image here:

Settings -> Facebook Connection -> Logo URL

then this image is the first image that will show on every site.
when I delete that URL, then my first Image is the Header-Logo. <- thats wrong.

I want it like this:

If a thread has no external Image included, then show the default Facebook Logo.
If a thread has an external Image included, then show the included image, NOT the FB-Logo.

when I set a default Facebook Logo, then it shows always the Facebook Logo, on every site.
Reply With Quote
  #59  
Old 13 Jul 2016, 09:29
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
I'm sorry but if Google finds your header logo first, that's the way their algorithm works. There's no way I know of it control what order the pictures are chosen other than the ordering they are written to the page. The header-logo and such is beyond my control.
__________________
-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
  #60  
Old 13 Aug 2016, 20:50
VICOS VICOS is offline
 
Join Date: Mar 2002
meta tags outside of the <head></head>

The FB OG Debugger complains about the meta tags being outside of the <head></head> section and refuses to consider them:

Your page has meta tags in the body instead of the head. This may be because your HTML was malformed and they fell lower in the parse tree.

Please fix this in order for the tags to be usable.
I believe the HTML standard also prohibits this.
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 04:30.

Layout Options | Width: Wide Color: