I create a facebook canvas app using java script sdk everything works fine but the problem is i am unable to add screen shots images only i add all other images like logo and banner images using my app details panel and these images display fine on app detial page but without screenshot images i can not submit my app to facebook app center. I read all the documents and search a lot for right solution but did not find how to add these images can anybody tell me how to add these and does facebook approve my app if i submit my app without these images.
Here you can add the images for app detail page:
https://developers.facebook.com/x/apps/<your app id>/app-details/
Try to get high resolution images for best result.
Got the solution you can display this option by just set website to yes in App Center Listed Platforms on your app detial page.
Related
I have a Facebook App (Page Tab, Website and Canvas) and since it's gone live I've updated the App Icon (1024x1024) but whenever someone shares the Canvas URL you still this:
How can I update this icon from Facebook's default image?
As I say, I've already updated the App Icon on the App Details page (https://developers.facebook.com/apps/XXX/app-details/). Is there somewhere else that I need to update the Canvas icon?
The answer was simple, and had nothing to do with the App Icon. Even though the user is sharing the Canvas URL, Facebook constructs the share data like it does for any website.
The issue was merely caching. I ran the Canvas URL through the Object Debugger (previous known as Linter) and it worked fine.
https://developers.facebook.com/tools/debug/og/object/
Simple!
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.
I create one application on developer.facebook.com. and add 3 image 16,75 and 128. the application icon shows when i post text. but it doesnt show when i post video or image. should i make any changes in setting of the app on developer.facebook.com.
For example. in path.
in my application when posting text. the app icon appear.
but when posting image or video. the app icon disappear.
Thanks for help. i have done r&d on this and i got Facebook bug so is it right?: http://developers.facebook.com/bugs/447623711966656?browse=search_50bfaaaf247045772567103
This is by design and isn't related to your application settings. Facebook display videos and photos uploaded by applications in different ways to status updates and sharing using the share dialog.
In the past, an app had a graph picture just like users from the url
https://graph.facebook.com/APPID/picture
This came from the old app fan pages. Now that apps have migrated to regular fan pages, there are two problems.
1: Old apps still use the picture from the old inaccessible app page and there seems to be no way to change it.
2: New apps just get a question mark with no way to change it.
How can the graph picture be set for apps?
I just created a brand new app. So I know this applies to new apps.
Go to https://developers.facebook.com/apps/APP_ID/summary,
move your mouse over the icon and an action link appears saying "Edit" in the upper right corner of the default image.
Click that edit action link
Click [Browser...] to find the image on your local environment to upload
Select image
Wait for it to process.
It appears beside your app name on that basic page.
EDIT
How to get at this photo.
http://graph.facebook.com/{APP ID}?fields=logo_url
This was a bug that has since been fixed by Facebook.
I'm trying to create a webpage for the iphone FB app wall link . When I try to use margin attribute on a div for the webpage, the margin attribute doesn't take affect when clicking on the wall link. If I view the same page in safari iphone browser the margin does take affect. It seems like it has to do with extra caching by Facebook of the CSS file. When I change the background color in the css file, the changes get propogated everywhere but inside the FB web browser on the iphone app.
found that FB wall post does some extra caching. to remove the caching, just pointed the css file to another file first, then switched it back after reloading the link from the wall post.