The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
More Open Graph Images (Free) by BOP5 Details »» | ||||||||||||||||||||||||||||
More Open Graph Images (Free) by BOP5
Developer Last Online: Aug 2023
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-
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. :up: Nominate MOTM if you LOVE it! Download Now
Screenshots
Show Your Support
|
7 благодарности(ей) от: | ||
elsa23, eTiKeT?, mytreehouse, m_hady, RichieBoy67, tbworld, the one |
Comments |
#2
|
||||
|
||||
Reserved.
|
Благодарность от: | ||
CAG CheechDogg |
#3
|
||||
|
||||
Good stuff BOP5, will this work if you have facebook blocked with Symon Lloyd's Ban Spiders by User Agent Mod here? : https://vborg.vbsupport.ru/showthread.php?t=268208
|
#4
|
||||
|
||||
Quote:
However if the Facebook scraper is blocked Facebook will never be able to see/read your page so those images would only be useful to other sites that look for Open Graph images, it won't let Facebook work. |
#5
|
||||
|
||||
Good stuff BOP5, thanks for clarifying
|
#6
|
|||
|
|||
Installed - but I have one question:
Response Code: 200 Fetched URL: http://mysite.com/forum/showthread.php/mytopic Canonical URL: http://mysite.com/forum/showthread.p...ad.php/mytopic When using the debug it seems Facebook adds showthread.php again to the link which of course won't work and gives an error. Any idea why it does this? Thanks. |
#7
|
||||
|
||||
Are you sure that doesn't happen with this mod disabled?
Yes I have seen that before and it is usually because the og url tag is missing or wrong. Do you normally have Facebook platform enabled? Can I get a link to your forum? |
#8
|
||||
|
||||
wow very nice
|
#9
|
|||
|
|||
BOP5 the link to your home page in the description is broken...
http//www.qapla.com/mods/showthread.php/1037-More-Open-Graph-Images-ogimage-Pro-by-BOP5 |
Благодарность от: | ||
BirdOPrey5 |
#10
|
|||
|
|||
This does actually add the image url, but unfortunately it displays is like so:
Code:
<meta property="og:type" content="article" /> <meta property="og:image" content="http://www.domainnamehere.com/attachment.php?attachmentid=7251" /> <meta property="og:image" content="http://www.domainnamehere.com/attachment.php?attachmentid=7252" /> <meta property="og:image" content="http://www.domainnamehere.com/attachment.php?attachmentid=7253" /> Code:
<meta property="og:image" content="http://www.domainnamehere.com/images/image.jpg" /> Currently the mod populates the og:image tag, but unfortunately it returns the code as attachment.php?attachmentid=xx I would like to alter it so that it displays the rewritten vbseo url into the og>:image tag (source code) the code is: Code:
$ogimages[] = $vbulletin->options['bburl'] . "/attachment.php?attachmentid=" . $thisattach['attachmentid']. mydomain.com/ content/attachments/[attachment_id]-[original_filename] I would like to rewrite the code so that it will publish the url in the same format as vbSEO does... Could someone please help me with the correct syntax to use in this case?? |
Thread Tools | |
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|