So for the webpage I want there to be 5 different images that are shareable to Facebook. I have it all set up with the buttons, but cannot figure out how to make it so that a person can pick which one they share. If I use opengraph then I can only select one image. Is it possible to have multiple images be shareable to facebook from one webpage?
A share on Facebook only allows for one image that will be displayed in the feed etc.. If you want to have multiple images, your only option is to combine the images the user selected into one and provide this in the og:image tag of your URL.
If your only goal is to let the user choose one out of n different pictures, simply add multiple og:image tags, this should allow the user to then choose one of them in the Share dialog.
Related
Would it be possible to add multiple facebook and twitter buttons to one page, containing different articles. So if someone clicks on a share button next to an article, it takes that content and not the content of the full page?
Example: http://www.sporza.be/cm/sporza/voetbal/Rode_Duivels/SL_Rode_Duivels_WK?eid=1.1986352
Does anyone know how to give the user the option to choose between multiple images when sharing a page on Facebook?
I've used an url like the one below in the past. The images param would be
p[images][0]=...&p[images][1]=...
etc. However, it seems that this doesn't work anymore. The user sees the arrows to select the next or previous image with but there is only one image to choose from.
Web page
http://occasions.dvangorkum.nl/Land-Rover/Range-Rover-Sport-2.7-/TdV6-HSE-Navigatie-PDC-Climate-Xenon-Luchtvering--1606304/1603/1/11/details.aspx?zoek=&so=gallerij
URL:
https://www.facebook.com/sharer/sharer.php?s=100&p[url]=http%3A%2F%2Foccasions.dvangorkum.nl%2FLand-Rover%2FRange-Rover-Sport-2.7-%2FTdV6-HSE-Navigatie-PDC-Climate-Xenon-Luchtvering--1606304%2F1603%2F1%2F11%2Fdetails.aspx%3Fzoek%3D&p[images][0]=http%3A%2F%2Fimages.autodealers.nl%2F640%2F1606304_1.jpg&p[images][1]=http%3A%2F%2Fimages.autodealers.nl%2F640%2F1606304_2.jpg&p[images][2]=http%3A%2F%2Fimages.autodealers.nl%2F640%2F1606304_3.jpg&p[images][3]=http%3A%2F%2Fimages.autodealers.nl%2F640%2F1606304_4.jpg&p[images][4]=http%3A%2F%2Fimages.autodealers.nl%2F640%2F1606304_5.jpg&p[images][5]=http%3A%2F%2Fimages.autodealers.nl%2F640%2F1606304_6.jpg&p[images][6]=http%3A%2F%2Fimages.autodealers.nl%2F640%2F1606304_7.jpg&p[images][7]=http%3A%2F%2Fimages.autodealers.nl%2F640%2F1606304_8.jpg&p[images][8]=http%3A%2F%2Fimages.autodealers.nl%2F640%2F1606304_9.jpg&p[images][9]=http%3A%2F%2Fimages.autodealers.nl%2F640%2F1606304_10.jpg&p[images][10]=http%3A%2F%2Fimages.autodealers.nl%2F640%2F1606304_11.jpg&p[images][11]=http%3A%2F%2Fimages.autodealers.nl%2F640%2F1606304_12.jpg&p[title]=++++Land-Rover%C2%A0Range+Rover+Sport+2.7+%C2%A0TdV6+HSE+Navigatie+PDC+Climate+Xenon+Luchtvering+&p[summary]=Occasion+te+koop+aangeboden+Land-Rover+Range+Rover+Sport+2.7++TdV6+HSE+Navigatie+PDC+Climate+Xenon+Luchtvering++uit+2007%2C+187618+km%2C+Diesel%2C+SUV%2C+Automaat%2C+Grijs&so=gallerij
However, it seems that this doesn't work anymore.
Yes, the Share dialog does not accept these parameters any more after a recent change, but will now get all its info about the shared link from the Open Graph meta information embedded in the shared document.
So if you want multiple images the user can chose from, you have to put multiple og:image meta tags into your document. (Be aware that Facebook seems to offer no more than three images to chose from any more, so putting more images in there is pointless.)
For documentation on Open Graph meta information, see https://developers.facebook.com/docs/opengraph/using-objects/#creating and http://ogp.me/
I'm curious to know if multiple images actually show up in the feed. I know they're supported but in not one single case of testing have I seen multiple images show up on the feed. So what the point in having multiple images in the open graph object? Where do secondary, tertiary images go?
An image URL which should represent your object within the graph. The
image must be at least 50px by 50px and have a maximum aspect ratio of
3:1. We support PNG, JPEG and GIF formats. You may include multiple
og:image tags to associate multiple images with your page.
Doing a test with object debugger clearly shows that they're in there correctly (sans the image type property):
https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fpluggin.it%2Fs%2FTI4o%2F
(http://pluggin.it/s/TI4o/ - note the OG tags only show up for Facebook user agent)
You may specify multiple images using this markup. The first image
matching minimum requirements is the default selection. A Facebook
user authoring a status update might select a different thumbnail
based on your explicitly-defined images. A hotel might include
multiple photos of the property as Open Graph protocol images,
allowing the person sharing the story to share a view of the pool or a
view of the restaurant.
Basically I know how to get images into the graph, but I can't seem to find where / how they are displayed in new feed. Are apps like Instagram putting images into photo galleries rather than using open graph? Is that how they display multiple images?
There’s always only one image in these feed posts.
“A Facebook user authoring a status update might select a different thumbnail based on your explicitly-defined images.”
When you give multiple images in your OG tags, the user making the post has the choice between them while making his post. He choses, he posts – and that image chosen stays the one image for that post.
I know that the 'send' button gets the content data from the og meta tags so my initial thought is that it's not possible and you can only share the entire page itself. Ideally I want to be able to send different sections of the page individually, each with their own descriptions.
So wondering if there is a way to have multiple 'send' buttons on a single page but with custom descriptions for each?
You could simulate this by having the buttons point to different URLs, each with separate meta tags, then redirect users that land on any of those URLs back to the 'main' URL - you can identify when it's Facebook crawling for the meta tags because the user agent will be the same each time, and redirect anyone else.
I want to share to facebook a link and allow the user to choose from an array of thumbnails. This ability of choosing the thumbnail was capable with the share button but facebook has deprecated that functionality and the share button in favor of like which to my knowledge does not allow for selection of thumbnail it only uses one.
Can someone tell me how to pass a particular array of images to the share button object
OR
how to enable this functionality using the facebook graph API?
If you share the url link, that url link can have many og:image tags in it. See: https://developers.facebook.com/docs/reference/plugins/like/ for further information on how to setup the og meta tags in your url.