I just added 3 applications to my page using:
https://www.facebook.com/dialog/pagetab?app_id=[appid]&next=[siteurl]
That all works fine, it redirects me to the [siteurl].
However, the apps don't show up on the page. In "Edit Page" -> "Apps" the apps also aren't visible.
Any idea what causes this?
Thanks!
It could be that the app is in sandbox mode and the account you're checking the "edit page -> apps" section does not have a role within your app, so they can't see it.
The dialog could also be failing. It's fairly recent and I've spotted bugs with it already. Try using http://www.facebook.com/add.php?api_key=APP_ID&pages=1, replacing APP_ID with your app's ID, to see if that's working.
Fixed it!
The problem was that I defined the secure page url, but not the non-secure page url (while we don't use the non-secure page url anymore?)...
Related
Hi I wan't to create a facebook app to use it for the auth in my new site locally installed(my machine),but from yesterday I don't succeed to install it and use it, all time I have this very strange error when I wan't write a domain in the "App Domains" :
This must be derived from Canvas URL, Secure Canvas URL, Site URL, Mobile Site URL, Page Tab URL or Secure Page Tab URL. Check and correct the following domains
the domain of my application is http://localhost/project/app_dev.php/ it dosn't work I change it by a real url such as : http://www.exemple.com/,but I had the same error,and just I notice that I see this error when I create an app with new look of facebook (yesterday)...
In my case the problem was I hadn't completed the "+ Add Platform > Website" section. Once I did that the contents of App Domains became valid and the error went away.
I had this same problem yesterday, the stackoverflow answers that helped me the most were
Make local development work with Facebook/Google APIs and Canvas URL / Secure Canvas URL error message ( Also checkout How to handle OmniAuth callbacks in multiple environments?)
The Facebook developer UI has changed a bit. I'm writing this answer to consolidate all the info that helped me.
1. Make local.host Point to Your Computer
First thing you need to do is (as answered in the first link), facebook won't take localhost as a valid callback site, because it confuses localhost with a top level domain (com org etc.) in other words there is not dot . in your domain name. So change your /etc/hosts to add the entry
127.0.0.1 local.host
Now youcan access your app at http://local.host/... (this will take effect as soon as you save /etc/hosts file, no need to restart anything)
2. Add local.host as the Site URL on the facebook Dev Console
The second thing you need to do is add local.host as the site url on the facebook page
Now don't use your production app. Add a dummy app on your https://developers.facebook.com account Because your production app will have to set the site URL to your production URL and not local.host
Configure the dummy app as shown in the screenshot. But that website section(shown in the screenshot) won't be visible on the Basic settings page from the beginning.
First you will have to click + Add Platform button at the bottom, and select Website.
Notice I added http://local.host:3000/. That's where my ruby server runs in dev mode.
Also, be sure to use App Id and App Secret for the dummy app when running your webapp in dev mode.
HTH.
My problem was that logging in with facebook wasn't working for my app.
It turned out that I just needed to fill in the "Valid OAuth redirect URIs" field on the "Advanced" tab.
e.g. http://example.com/auth/google/callback
I'd a similar problem, Facebook have changed now on left pane file login (After selecting you app from top left corner) -> Valid OAuth redirect URIs
If you work on desktop app like WPF or winforms and use a WebBrowser Control to log in with the Facebook SDK.
You have to set to yes the Embedded Browser OAuth Login in Advance Tab of your facebook apps setting.
hope I help
Chose "Add platform" at the bottom and give your localhost url. "http://localhost:port/".
After this step. Facebook allows you to add localhost:port as your domain url.
After these 2 steps you can test "login with facebook" without any trouble.
I am trying to create facebook sign-in page according to this tutorial. I only changed the two lines
appId : '370675846382420', // App ID
channelUrl : '//http://bp.php5.cz/channel.html', // Channel File
and I get the following error
Given URL is not allowed by the Application configuration.: One or
more of the given URLs is not allowed by the App's settings. It must
match the Website URL or Canvas URL, or the domain must be a subdomain
of one of the App's domains.
What might be the problem?
The problem is that whatever url you are currently hosting your app is not setup in your Application configuration. Go to your app settings and ensure the urls are matching.
Updated
Steps:
Go to 'Basic' settings for your app
Select 'Add Platform'
Select 'Website'
Put your website URL under 'Site URL'
This can also happen when the redirect_uri submitted with the https://www.facebook.com/dialog/oauth request is not present in the list of Valid OAuth redirect URIs under:
Settings >> Advanced >> Security
After much trial and error, when I added the redirect_uri that I was using (https://www.facebook.com/connect/login_success.html in my case), I suddenly got to the step past this error.
The above answers are right, but you have to make sure you input right URL.
You have to go to: https://developers.facebook.com/apps
Select your app
Click settings
Enter contact email (for publishing)
Click on +add platform
Add your platform (probably WEB)
Enter site URL
You have two choices to enter: http://www.example.com or http://example.com
Your app will work only with one of them. In order to make sure your visitors will use your desired url, use .htaccess on your domain.
Here's good tutorial on that: http://eppand.com/redirect-www-to-non-www-with-htaccess-file/
Enjoy!
Go to your application, settings (basic tab) and add platform (website). Type your site url and done.
Do the above work of adding the site and then the url.
I think the layout of facebook has changed little bit so also do the below things.
- Go to developers.facebook.com -> your app
- Go to Settings->Advanced.
- Under the Security->Valid OAuth redirect URIs, insert all the uri's your app is supposed to redirect to. For example (
http://localhost:1443/cas/login, https://localhost:2443/cas/login, http://rajanpupa.com/cas/login
etc)
- That should do it.
I faced the same issue. I had entered http://www.example.com in the App settings. When anybody accessed my website using the full URL, Facebook Login worked fine. But if somebody typed in the URL without www in the browser, Facebook Login failed with this error message. When I changed the App Setting to http://example.com everything started working fine.
Go to https://developers.facebook.com/apps and open the app you have created. open setting tab and add platform and insert site url where you want to share facebook button .Its done.
The other answers here are excellent and accurate. In the interest of adding to the list of things to try:
Double and triple-check that your app is using the right application ID and secret key. In my case, after trying many other things, I checked the application ID and secret key and found that I was using our production settings on our development system. Doh!
Using the correct application ID and secret key fixed the problem.
My Problem Solved by
public static final String REDIRECT_URI = "http://google.com";
it will redirect to Url after ur Login into Facebook.and also you have to reach
url : https://developers.facebook.com -> My App -> (Select your app) ->Settings ->Advanced Setting -> Valid OAuth redirect URIs : "http://google.com".
In the place of "http://google.com" you can place ur respective project Url.so,that it will redirect to your Page.
I was getting this error when trying to run my test web page directly from "file:///C:/webtests/myfile.htm". To fix it, I didn't have to make any changes to my App Settings. Instead, I just had to host my HTML file on an actual server and then hit it like: "http://localhost/myfile.htm".
Hope that helps someone.
I'm using the Facebook Canvas platform (Unity WebGL) and I don't needed to add the Website platform. The only thing I did was add my website root url in:
Product
Facebook Login
Valid OAuth redirect URIs
For me it was the "Single Sign On" (can be seen at the bottome of the screenshot in phwd's answer) setting that was turned off.
I ran into this with the IBM BlueMix SSO service and had to use the BlueMix provided redirect URL as my "site" URL instead of my actually web application site URL to fix it. Once I made that change the problem went away.
This can be caused by incorrect app-ID
In my ionic sample I had the same issue because I had inserted a different "app-ID" in my ionic app other than the app-ID I received from Facebook developer account.
so we have to carefully insert the relavent appID
Things have evolved in Facebooks approach, I now realised that you need to
"Add Product" to your App: facebook login.
make sure oauth & web auth on
add my own site url to ""Valid Auth redirect URI" (and removed the default https://www.facebook.com/connect/login_success.html which his in the
Without this I get the URL Blocked error.
Result in console:
Given URL is not allowed by the Application configuration.: One or more of the given URLs is not allowed by the App's settings. It must match the Website URL or Canvas URL, or the domain must be a subdomain of one of the App's domains.
Basically what I am trying is to enable user to login on my blog on blogspot.com, and to post on his wall some message.
here is how I configure app on facebook:
App Domains:blogspot.com
Sandbox Mode:disabled
Site URL:my_blog_name.blogspot.com/p/publishing.html
after putting site url to begin with http:// it resolve my issue.
Now my Site URL looks like this: http://my_blog_name.blogspot.com/p/publishing.html
This can also happen when the redirect_uri submitted with the https://www.facebook.com/dialog/oauth request is not present in the list of Valid OAuth redirect URIs under:
Settings >> Advanced >> Security
After much trial and error, when I added the redirect_uri that I was using (https://www.facebook.com/connect/login_success.html in my case), I suddenly got to the step past this error.
These Problem Occurs Because of You Are not correctly Configure Your Site Link in FaceBook.
Go Facebook Developers page
1.Select 'Settings'
2.Click 'ADD PlatForm'
3.Select 'Wesite'
4.Give Your Website Name
Finally Save the Settings That's All
Facebook doesn't care what actual IP address your server is located at - but it will check that the domain name of the referring page is the same as the domain you registered with facebook.The problem is that whatever url you are currently hosting your app is not setup in your Application configuration. Go to your app settings and ensure the urls are matching.
In my case it was the www. that I omitted, so for instance:
http://website.com
instead of
http://www.website.com
I had this problem because at first I didn't put app domain in the Settings page. And after I added "example.com" to the app domain field (assume URL is http://www.example.com), the problem no longer exists.
If it does'nt work even after you have setup the website URL in Settings -> Basic tab, and Settings -> Advanced -> Valid OAuth redirect URIs, Try doing the following stuff and check if it works out.
Step 1)
Goto, Settings -> Basic -> Contact Email (Fill the email id you want your app to sync with)
Step 2) Goto, Status & Review -> Status -> Enable options as yes (Make your app visible to public)
Now, restart your app and check, if it works fine..
Your application should be on the same domain of what you enter in the facebook developper's settings
Facebook App Settings
Although answered several times with similar info, this is my experience FYI
Testing on localhost - I wondered if that might be the problem, but nope.
app_id and redirect_uri included.
URLs properly encoded.
So why this error?
See Facebook Community Help as I did, for the important missing part of the puzzle.
That is:
<a href="https://www.facebook.com/dialog/share?
app_id=1234567890
&display=page
&href=http%3A%2F%2Fexample.org <-- This
&redirect_uri=http%3A%2F%2Fexample.org" <-- and This
target="_overTheRainbow">Tell the world about this awesomeness!</a>
Must match the reference URLs submitted to Facebook for the app with app_id.
Yes This is The common problem of facebook api. Don't use www before url. It will solve the problem.
I was facing same problem when I was posting links on Facebook wall.
I did this:
From https://developers.facebook.com/
On Migration tab Stream post URL security was enabled. So I just disabled it and after that it is working for me now.
Hope this solve the problem for others.
Go to settings and and then Advanced tab. At the bottom "Embedded browser OAuth Login" enable this option. then your problem is resolved.
If I create a canvas and open the app profile page, It is showing a new look taking the left side area and there is no menu for 'Add to my Page'. What am I doing wrong? I am just unable to include a tab to a page.
I am trying to create an app to run my iframe, I used the following settings.
Apps On Facebook:
Canvas URL - Enter (http://YOURAPPLICATIONID.iframehost.com/)
Secure Canvas URL: (https://YOURAPPLICATIONID.iframehost.com/)
Page Tab:
Tab URL - Enter http://(YOURAPPLICATIONID.iframehost.com/tab)
Secure Tab URL- Enter (https://YOURAPPLICATIONID.iframehost.com/tab)
However there docent appear to be a way to "Add to my page" from the app profile page. I am following this tutorial.
http://www.youtube.com/watch?v=uoLpR2u7Ul8
Use the following to add to your facebook page:
http://www.facebook.com/add.php?api_key=[APP-ID]&pages=1
Replace [APP-ID] with your app id
Hope it helps.
Facebook are continuously changing things so most of the non-FB documentation and tutorials get outdated very quickly (which is a pain because they are much easier to understand than FBs own documentation!)
This time they're changing how the App Profile pages work, and some changed have been made since last week. You can find out the new way of adding your page here:
http://www.hyperarts.com/blog/facebook-removing-app-profile-pages-on-feb-1-2012/
Basically, you need to
Use the "Create Facebook Page" button in the edit app page
and either:
2 Create a link for others to add your tab using code similar this:
<a href="#" onclick=window.open("http://www.facebook.com/dialog/pagetab?app_id=176217385757369&next=http://tabpressapp.phpfogapp.com/content/pages/","PageTab","width=800,height=500");>Add TabPress to Your Fan Page!</a>
or 3. For your own private use code similar to this:
https://www.facebook.com/dialog/pagetab?app_id=176217385757369&next=http://tabpressapp.phpfogapp.com/content/pages/
(replacing with your own app_id & nexturl obviously!)
Edit: forgot to mention, the url for "next" is either the “Canvas URL” or “Page Tab URL” you used in your edit app page.
I haven't had to do this myself yet, but please let me know how it goes because I will soon!
https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&next=YOUR_URL
Where YOUR_URL = the website address where you upload the HTML files.
Ref: https://developers.facebook.com/docs/appsonfacebook/pagetabs/
I created an app today, as i've done several times before. But when i wanted to add the app to a a page i couldn't find the link "view this apps profile page", which I normally use to add the app to my pages.
Anyone know how to add apps to a page, with the new "auth dialog" thing ?? I can't find a link to the apps profile page.
You can do it in several ways:
Using Add Page Tab Dialog as described in documentation:
With JavaScript not even leaving page where this get called FB.ui({method: 'pagetab'});
By redirecting to https://facebook.com/dialog/pagetab?app_id=APP_ID&redirect_url=URL
Via link http://facebook.com/add.php?api_key=APP_KEY&pages=1&page=PAGE_ID
From Application Profile page (you can easily get to it via http://www.facebook.com/apps/application.php?id=APP_ID or via shorthand http://facebook.com/APP_ID or by clicking on Application Name in the left bottom corned of every page while visiting Application Canvas)
(note that newly created apps don't have an Application Profile page - as discussed on the Developer Blog )
Using the API directly with a manage_pages access token - details in the Page documentation.
I have found this to work the best:
http://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&redirect_uri=http://www.facebook.com
Tried all of above. The only one that worked for me was this one:
https://www.facebook.com/add.php?api_key=YOUR_API_KEY&pages=1
YOU SHOULD CHOOSE "ADD PAGE TAB" in "ADD PLATFORM" DIALOG!!
1) Enter https://developers.facebook.com/apps/ and choose (or create) desired app.
2) do this from settings:
3) then enter:
- https://facebook.com/dialog/pagetab?app_id=APP_ID&redirect_url=https://yoursite.com
or
- http://facebook.com/add.php?api_key=APP_KEY&pages=1&page=PAGE_ID