When you share a photo from a Facebook album it gets diplayed "full width" layout in the timeline (about 567px wide) with a caption below.
I also noticed that shared images from pinterest get shown im a format with an image and caption underneath.
But when I share a photo from elsewhere using the "picture" property of the feed dialog, or a page containing an og:image tag, it always gets displayed in thumbnail (116x116)|text layout.
The images from pinterest are posted as actions, so that may be a clue.
Feed dialog will not get you this customization you will need to use Open Graph actions.
https://developers.facebook.com/showcase/pinterest/
Also for full width photos from applications, the user must have generated the photo from the app so that you can utilize "User Generated Photos"
For example the following is from the Tumblr application
https://developers.facebook.com/docs/opengraph/howtos/adding-photos-to-stories/
Related
I've been using Facebook's Feed Dialog to let users on a site share content on their Facebook feed. On their feed there would be a picture that serves as a link to the page on my site, with some text below it like name, caption and description fields. All of these - picture, name, caption and description are now deprecated and stop working now :( Is there any other way to achieve this functionality using a different method, i've proved the quote parameter but I don't like it.
You cannot post pictures on user profiles, not with the API and not with the feed dialog. The feed dialog is for sharing URLs, but they can include an image in the og:image tag of the page source. So you just need to add the correct image in the page source, with an absolut path: https://ogp.me/
On a website we have a Facebook share button. With Facebook's javascript version of it's Feed dialog, a user can upload an image to his timeline. As Facebook indicates, we are using an image size of 1200px by 630px. It all works, only the picture is rendered small. What do we need to do for Facebook to render a larger size?
I am building a site that lets users browse 3d images. I have added a facebook share button. That button works, but it shares the URL and only a small thumbnail (the thumbnail only works sometimes).
Is it possible to create a button that shares a large custom image, in the same way that you upload a photo to your own timeline?
I cannot use meta tags, because the images change through javascript.
I also cannot let facebook find the image automatically, because it is rendered in a canvas 3d viewer on the webpage.
Thanks in advance!
I'm designing a photo-oriented Facebook app that would let users tell stories in the app-specific way and advertise such stories by posting a single, preferably large, "cover" photo. Photo posting is done by the app and people that would like to see the story need an easy and obvious way of being redirected to the corresponding app-generated page. So hence is the question.
Is it possible for a Facebook app to post a maximally large (column-wide) photo on the user's behalf, so that when others (non-users included) click on the photo, it takes them to a specific page that is related to the app instead of zooming into the photo by default? If not, what would be the best workaround?
To get the maximum large photo on news feed, you should look into user generated photos, which requires two additional parameters you add to your open graph action to indicate that the user-generated photo should have maximum photo display on news feed and ticker.
Example OG POST:
https://graph.facebook.com/me/nyccookbook:cook?
recipe=http://www.yourdomain.com/pizza.html&
image[0][url]=http://www.yourdomain.com/images/my_camera_pizza_pic.jpg&
image[0][user_generated]=true&
access_token=YOUR_ACCESS_TOKEN
If the photo is not user-generated, then explicit sharing is an alternative to get maximum display size on news feed and ticker provided that you follow all the requirements and guidelines for explicit sharing.
when others (non-users included) click on the photo, it takes them to a specific page that is related to the app instead of zooming into the photo by default
This is not possible because FB users expect the behavior to zoom the photo in when clicking on it. If clicking on a photo launches an URL, it is a bad user experience because that is not what anyone expects when clicking on a photo on FB.
The best workaround I can think of is to edit the description of the image with a link to your specific page on your app, such that when a FB user sees the picture, they can click the link in the description to go where you want.
How do I enable visitors on my website to like/share an image on my site and have a large image appear on their wall ... the same size as if they were to like/share a wall photo (300px wide) ... instead of the thumbnail (90px wide).
I can get the thumbnail size to appear using the basic like/share button, but I want the larger wall-size photo to appear.
This is not possible with the current plugins. You should file a bug with Facebook at http://developers.facebook.com/bugs so it can be added to the wishlist.