how to put fb share thumbnail to left - facebook-share

I want share layout is "thumbnail on left."
I check youtube url: https://www.youtube.com/watch?v=i5XZH7jeDiQ&feature=youtu.be&list=RDqIoDWTF0qSo
It's og:image is "https://i.ytimg.com/vi/i5XZH7jeDiQ/hqdefault.jpg", the size is 480x360
share layout is "thumbnail on left. And description on right."
but in my website. My og:image is also 480x360...
and I share my page, in pc fb, share layout is "thumbnail on top. And description on bottom..."
why? my og:type is video too...
How to put thumbnail to left on share block in pc fb ?

You will have to use a smaller image.
The minimum size for the Facebook share og:image is 600x315. Keep in mind to maintain an aspect ratio of 1.91:1.
You can debug your open graph meta tags in Facebook Sharing debugger.

Related

Facebook Developer URL Dubgging Tool Won't Correctly Update

Using the FB debug tool for http://www.talkjesus.com
https://developers.facebook.com/tools/debug/og/object/
I fetch new scape info without a problem, except one last thing that just won't kick in. The op:graph image shows default Xenforo pic instead of mine. However, the weird thing is if you click the link, it'll actually show my version (chat icon with 3 people group). It still pulls old XF pic too if I try to post on FB. I've confirmed with XF support it's not them, obviously anyway.
Any idea?
Your correct image is at the following URL...
http://www.talkjesus.com/styles/default/xenforo/logo.og.png
The image Facebook displaying on the Facebook Debug page is a cached copy of your old image. The URL for that image is...
https://fbexternal-a.akamaihd.net/safe_image.php?d=AQBAyXWZeLwaPVbO&url=http%3A%2F%2Fwww.talkjesus.com%2Fstyles%2Fdefault%2Fxenforo%2Flogo.og.png
The good news is this image caching should not have any effect on how your page is shared on Facebook.
If it does cause problems renaming your image and updating the OG tag will fix it.

Facebook graph API - get custom profile picture size

I'm trying to get the logged in user's profile picture for a canvas app, but I would like to have it in a specific size.
Is this possible and, if so, how?
Currently I'm using the following:
graph.facebook.com/{user's FB ID}/picture?type=square
This gives me a 50px by 50px image. There are also options to use type=normal and type=large to give large image size, but these are not square images, and also not the exact size I am looking for.
To be specific, is there a way to get a member's profile picture in size 80px by 80px directly from Facebook, without downloading a larger image and downsizing/cropping on my end?
You can use width/height as parameter:
graph.facebook.com/{user's FB ID}/picture?width=100&height=100
Just keep in mind that you may not get exact sizes, but very close ones.
Getting a bigger facebook profile picture via facebook php sdk, this worked for me:
$response = $fb->get('/me?fields=picture.width(400).height(400)', getenv('FACEBOOK_ACCESS_TOKEN'));
in 2019!
https://graph.facebook.com/[[[[insertusersfbid]]]]/picture?type=large
Is what i fall back to...
https://graph.facebook.com/[[[[insertusersfbid]]]]/picture?width=2000&height=2000
Is when i want to muck with the image.
If the user does not have an uploaded profilepicture; now fb returns the gender based default pic...
I hope this helps someone else :)

Unpredictable display of Facebook og:image

We added Facebook Open Graph tags to our site NowGamer.com a few months back and everything worked perfectly initially. But in the last few weeks we've noticed that on about 2/3 of images the og:image would not display when an item was shared or liked. Sometimes going to the linter would scrape the page and the image would then be available.
But in other instances the image thumnbnail doesn't appear in the linter - although the link to the full image displays it at full size OK.
https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.nowgamer.com%2Fnews%2F1298151%2Fassassins_creed_3_join_or_die_freedom_collectors_editions_details.html
The images all fit within the 3:1 parameters although they are relatively large (they have to be as they are screenshots for video games). Here is an example of exactly the same type and size of image that does display in the Linter and on shares/Likes
https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.nowgamer.com%2Fps3%2Fps3-reviews%2F1293635%2Fresident_evil_operation_raccoon_city_review.html
I can't see why one works and the other doesn't. Any suggestions?
The thumbnail's width AND height must be at least 50 pixels, and
cannot exceed 130x110 pixels.
http://developers.facebook.com/docs/share/
Strange: I would have gone with a cache problem which I've also experienced before. For pure testing purposes if you want to attempt to refresh a different version of the URL try adding ?v=1 or some other parameter which makes the URL unique. This forces Facebook to go and get the URL again so you can make sure the images are working as expected.I think YouTube have also had this problem over the last few months http://groups.google.com/a/googleproductforums.com/forum/#!category-topic/youtube/sharing-and-connecting-on-youtube/YnTqofAhcN8

Anyway of knowing if a tab app is loading in the new timeline?

Is there anyway to detect if the tab app is being loading in the new timeline or not? I got clients asking to upgrade my layout but not all of them have upgraded so it makes it hard to do that. If I had a way to detect this it would be perfect.
I managed to do that by looking for an album called "Cover Photos" on the album list of that page. Here's a sample:
http://graph.facebook.com/-page_id-/albums?fields=name
You don't need a token unless the page isn't published yet.
The problem with this approach is that some pages still don't have cover picture yet, but it's the minority.

Open Graph and Facebook Like Total Fans Confusion

After implementing the Open Graph protocol and like button on my website, it says that there is one more fan besides me, but the admin page shows only myself as the fan.
OG likes will also increase due to shares. More details here under "What makes up the number shown on my Like button?"
https://developers.facebook.com/docs/reference/plugins/like/