Short question but so far no solution.
I want a Facebook page embedded om my website.
So I used the Facebook developers page to get it all working but Facebook won't let me use a width over 500px.
Is there any way I can change this? I tried to give the data-width attribute a larger number but that won't take. Also CSS isn't an option.
Related
I'm having issues when a user tries to share the URL to a Facebook tab app that I have setup.
When they paste the URL to the tab in their share window and then post their status update, the tab image is shown when viewed on their profile, however there is no image shown on the newsfeed version of the same post.
I've tried adding open graph meta tags to the app, but I believe that it is being ignored since it is located inside of the iframe, and the facebook open graph meta overrides it.
Does anyone know how to ensure an image is maintained when the tab URL is shared directly?
I've burnt a lot of time trying to solve this issue as well. The best I've come up with is that Facebook is going to chose to display the 111x74 app icon. Sharing this on a page's news feed makes it very pixelated and oddly offset, as it should be using a 1200x630 minimum image size, as dictated by the OG tag best practices, but Facebook has not allowed us to have that option in the app configs. It may be that your app icon is being offset enough to not appear like it's visible in the news feed.
So, from my research, we're out of luck until Facebook decides to fix this issue. Until that time, I don't think it's even worth trying to get the any image to work.
Someone feel free to prove me wrong.
The ShareThis Facebook button will only pull the logo as an image to choose from a page. I am not sure why this is the case since I have other images on pages that I am trying to share from. Can someone help me out with this. I am not really familiar with the ShareThis API. Thanks for any help or feedback.
I tried using the Facebook URL Debugger: https://developers.facebook.com/tools/debug. When doing so, Facebook found all the images on the page, but ShareThis doesn't seem to do the same. That is why I am guessing it is a ShareThis related issue.
The client wants the person posting the page/blog post to be able to select the image from the images on the page. This is normally the case with the ShareThis API, but does not seem to do so. Otherwise I would have just used the open graph option.
URL of site: http://www.atranquilnook.com/
1-30-14: I tried specifying an image with open graph meta on a page. The image was larger than 200 x 200, but it still did not work.
This appears to be happening on every page of the site.
Note: I did not build this site. It was built in Adobe Muse by someone else.
This is not a real answer, but I have to use the space here, to get you all the details of what I found out.
On the debugger it says https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.atranquilnook.com%2F :
Provided og:image is not big enough. Please use an image that's at least 200x200 px. Image 'http://www.atranquilnook.com/images/header-home03.png' will be used instead.
Since there is the image with the couple, which is bigger than 200px x 200px, I do not know if this is the answer, but you could try by uploading some bigger image.
Although the whole warning is deceptive, since a line above it states, that there is no og:image.
Looks like you are relying on Facebook being smart enough to find "better" image on your site. What you should do instead is adding a meta tag in the head section of your page.
<meta property="og:image" content="http://www.yoursite.com/img/some-image.jpg"/>
This will tell Facebook exactly what you want to rest of the world to see.
I am using facebook opengraph for sharing my users stories on facebook.
I am trying to create the following layout for my app's wallpost : Figure 1
All I am able to get is this : Figure 2
I selected the Item layout for my action in the opengraph configurations, however, the captions are always below the image.
How do I achieve the layout as in figure 1?
I found the problem. Facebook uses the new layout, ie. the one in figure2, for images which are larger than 200x200pixels. And, facebook insists that we use images larger than 200x200pixels, because it looks better in aggregations. However, if you still want the layout as in figure1, then you need to use images smaller than 200x200pixels.
Facebook may have changed this again, but I found that images need to be 600x315px to display as the larger version - see Facebook's information about this
Why the apps just have the option to configurate one icon (16x16) to show at the users timeline? What about be possible to use the page favicon?
I work at a big media company and we have some diferents produts under our website. We wanted to show the page favicon at the users timeline to differentiate which product the user had visited.
The icon Christian is talking about is an app icon on timeline. Not the image of the url. At this point is not possible to customize this icon by url. I work for a great portal with a lot of different trademarks. We are being forced to make an app for each one because of this issue.
Facebook says the image must be at least 50x50 and no greater than 3.0:1 width:height aspect ratio. So a 16x16 favicon will be ignored when making the post (although due to bad programming on the linter tool likes 16x16 images and tells you that it's just fine).
I know it's possible to tell Facebook to use a certain image when sharing a page by adding a meta tag. But I was wondering if the opposite is possible: telling facebook NOT to user a certain image as the thumbnail when sharing a page.
I am asking this question because when I share a link from my site it always shows some image I use in the footer first (as the default thumbnail), which is bad :) so I want Facebook to ignore that specific image when sharing.
Thanks in advance!
This is a little hackish but it worked for me. So the only criteria that facebook uses to ignore images is the width to height ratio, all other images in your page will get picked up and will be an option as a thumbnail. So what I did is expose the undesirable images as css in a div tag, instead of as an tag. Then facebook won't picked them up.
I'm afraid this is not possible. Why don't you do the opposite of the opposite, and set an image to force facebook using that specific one?
So if you don't want to always set an image, make a default image to be used for facebook sharing everywhere unless otherwise specified.