I have a page of thumbnails, which when clicked, open in a lightbox-type overlay to give a bigger image & some text. The overlay has the buttons for sharing on social media & I want to share the specific image & text. The URL can be back to the thumbnail page, but it's the image & really want to show...
The old (simplified) link is:
Facebook
But the it doesn't appear to work anymore - there are many StackOverflow questions confirming this.
I've been Googling for a solution, but it seems like you can only share a page - is this correct?
Do I have any options to make this work?
Thanks
Related
I'm using FB.ui share method to share links on Facebook.I have to use this method since I want to tag friends on my post.
window.open(
'https://www.facebook.com/v2.1/dialog/share?app_id=&display=popup&redirect_uri='+encodeURIComponent(REDIRECT_URL)+'url='+encodeURIComponent(SHARE_LINK),
'facebook-share-dialog',
'width=750,height=393');
Even though my og:image has the right size, i.e 1200x630px when shared on Facebook the shared link is displayed with small thumb.
When I change the method to FEED dialog or SHARE using facebook/...//sharer.php URL large thumb is shown for the shared link on Facebook.
window.open(
'https://www.facebook.com/v2.2/dialog/feed?app_id=&display=popup&redirect_uri='+encodeURIComponent(REDIRECT_URL)+'&link='+encodeURIComponent(''),
'facebook-share-dialog',
'width=750,height=393');
return false;"
IS there any additional parameter that I need to add TO https://www.facebook.com/v2.1/dialog/share so my image is displayed correctly I.E with large thumb on Facebook?
Thanks.
I had the exactly same issue. I was using "/sharer/sharer" for sharing links and everything was working well. And when I try to use the "/v2.1//dialog/share" I noticed that on desktop, images are big (1200 width) but on mobile (web and iOS App), the share is displayed as a small square.
I think it is because when you use "/v2.1/dialog/share", Facebook assume you share a story through your Facebook App and on mobile UI, story are displayed with small square image :-(
When you use the /sharer/sharer, there is no association with your app and Facebook will just assume user share a link in his feed. And it is the only type of share that display large image on all platform (desktop, mobile and iOS app)
So basically I don't think you can force FB to display large image :-(.
The Facebook doc say that providing big image will result in big image display but it looks like it is only the case for desktop. And for mobile only link status are displayed as big image.
On my website I'm using Fancy Gallery on multiple pages for the images, when a thumbnail is clicked it's currently viewing the images in lightbox 'FancyBox'. For one of the pages, I'm wanting, when a thumbnail is clicked to link directly to a different page or existing blog post, what would be the best way going about this?
Thanks
I write movie reviews and share them on Facebook. At first the facebook thumbnails would show the pictures I wanted for my reviews, like the movie poster. However, now they only show my blogger profile picture every single time I post a link. It's very frustrating because I want to be taken seriously and I don't want my blogger profile picture showing up every time I post a link. I tried the facebook developers debugging tool and it did nothing. Does anyone have any other suggestions?
Thanks!
I don't know to what extent you can modify the HTML code of a Blogger blog, but you can use Open Graph tags to define the exact image you want Facebook to show, for example the tag you want is the following:
which must have a 100px x 100px size at least. Note that this tag goes into the Head section of the site.
It has taken some time, but I think I have worked out what is happening, thanks to Facebook Debugger. Put the post URL in and then scroll down to "OPen Graph Warnings That Should be Fixed". You may see something like this -
Provided og:image could not be downloaded or is not big enough. Please use an image that's at least 200x200px and is accessible from Facebook.
Chances are your image is too small and that is why it is grabbing the profile image. I played around with my posts until I got it right, checking it through Debugger each time. It was a pain, but it worked.
I have wordpress blog with twentyeleven theme setup. I have facebook button and I beleive all facebook garph api codes are exist in head part. Now the problem is there are more than 4 images exist on the page, but facebook like button only fetching one image everytime. And trust me that is a huge problem for me.
Can someone help me fix the issue.
here is the link if you wanna take a look at: http://j.mp/GSfWKb
thanks
While I can't confirm this is how Facebook approaches it, the og: meta tags only appear to work for actual like buttons, not Facebook sharing buttons (which are depreciated anyway).
According to this question you can try and put in a link tag and that may work for the share button you have. Facebook Post Link Image
I have an online bachelor catalog and I want people to Like a bachelor and have it appear on their FB feed.
http://gothamrfc.org/drupal/?q=2012catalog
I set up the Like button using the Social Plugins feature on FB. All bachelors are on the same page and they have anchors http://gothamrfc.org/drupal/?q=2012catalog#waldmann and the Like button refers to each anchor.
My problem is when the user clicks on Like, it posts the same picture of one bachelor, not of the one that they liked. I didn't see anything in my js file. I also added the og button but that didn't work.
How do I adjust the code so Like button corresponds to the correct photo?
I'm sure it's something simple. Thank you for your assistance.
Im having the same issue really... My current solution is to hard-code the URL of the image in the like button ref code.
The only issue with this is that it will show that image ONLY, on a blank page when someone clicks the liked image on a user's facebook page.
I'm still looking for answers since the only alternative I've found is to create individual pages for each image (each blog post, in my case) and link to THOSE pages. Not ideal and much more work than I'd like.
have a look at my blog page on my website to see what I mean: MarinePix Blog