Can you please help me debug this! Whenever we are sharing content links from our website in facebook; its not working. Redirection to content works if I'm using desktop browser or directly opening the link in mobile browser. But from facebook in app browser I can see either its loading 404 page or the video doesn't play. What could be the reason behind this? Please check below link from here
Either redirect from http to https in general or change the og:image to https instead of http. If you enter the URL into the browser, you get redirected: http://www.bioscopelive.com/bundles/bongoweb/images/oglogo.jpg
You can also add og:image:secure_url as metatag with the https URL of the image.
Make sure that everything is public and not locked by gelocation or login. Facebook servers need to be able to reach the URLs.
URL Blocked: This redirect failed because the redirect URI is not whitelisted in the app’s Client OAuth Settings. Make sure Client and Web OAuth Login are on and add all your app domains as Valid OAuth Redirect URIs.
I've installed the laravel/socialite and I'm trying to link my application with facebook ! after installing the package ,creating my facebook application , I try to acces to the login page with facebook on my application but it keeps telling me that ther's some kind of URL errors ... ??? any ideas.?
I faced this issue as well. What I did:
When you get this message, copy the URL from the browser window, and inspect it. The URL has the redirect URL mentioned within it. Copy the exact redirect URL as mentioned, and put it under Valid OAuth Redirect URLs, it will solve the problem.
It's redirect URL problem. Facebook automatically generates a redirect URL which is http://...[your domain]..../signin-facebook. You need to add this URL to Client OAuth Settings along with your own redirect_URL like below:
Hope it helps
I've just had the issue (Nov 2017), after years of it working (but did I change something inadvertently?).
The fix was to add the callback url in the "Facebook Login" "Products" (in the left menu, in the Facebook admin console, NOT in the "Advanced settings" where I've tried everything:
https://developers.facebook.com/apps/{{your FB app id}}/fb-login/settings/
Note that you need to put the port number if you have one, e.g. in my case http://local.dishly.menu:3000/
I had an issue with this, specifically with heroku.
My test site was not https. It was http. And by default, facebook likes to prepend a url with https if you don't manually type it in when typing in the url.
So, I added two urls. one with http, and one with https. works fine now \o/
I had this issue because I was using Ajax to login and signup for my site, so I added this redirect url
https://yoursite.com/wp-admin/admin-ajax.php?action=gears_fb_connect&callback=true
and it worked perfectly any user can sign in with his facebook account.
I'll post it here just in case it's useful to someone in the future because I got in this question looking for answer...
In my case I got this error while trying to integrate Facebook as an Identity provider in conjunction with Azure AD B2C custom policies.
Microsoft docs mentions a given URL in this format:
https://your-tenant-name.b2clogin.com/your-tenant-name.onmicrosoft.com/oauth2/authresp
however when clicking the Facebook login button it was redirecting with the tenant Id instead of the Tenant Name like this:
https://your-tenant-name.b2clogin.com/TENANTIDHERE/oauth2/authresp
This was causing the URL to be blocked by Facebook.
I discovered this by reading this answer right here.
If you need to decode the URL that it's redirecting to, you can use this:
https://www.urldecoder.org/
There is only one valid answer to this question, go and analyse url that shows the URL not accepted facebook page. The url that you need to put into "Valid OAuth redirect URIs" is available there.
In my case it was :
https:// facebook /v3.2/dialog/oauth?client_id=4423058&redirect_uri=https://{The Web Site Name} /complete/facebook/&state=VnZlfU3hp&return_scopes=true&scope=email
The answer in my case :
https://{The Web Site Name}/complete/facebook/
I was having this same issue, but my error was that I was not properly encoding the return uri in the Facebook oauth query string.
So, if your return uri is something like this
https://www.example.com/social-signin?provider=facebook
Don't forget to (URL) encode it like this:
https%3A%2F%2Fwww.example.com%2Fsocial-signin%3Fprovider%3Dfacebook
The final Facebook oauth uri should look like this:
https://www.facebook.com/v4.0/dialog/oauth?client_id=YOUR_CLIENT_ID&scope=email&auth_type=rerequest&response_type=token&display=popup&redirect_uri=https%3A%2F%2Fwww.example.com%2Fsocial-signin%3Fprovider%3Dfacebook
In my case, having an issue with the HTTPS protocol. Must use your domain or localhost server with
HTTPS Protocol,
Old localhost url: http://127.0.0.1:8000/
New localhost url: https://127.0.0.1:8000/
Put URLs in Valid OAuth Redirect URIs in Facebook Login Settings,
https://127.0.0.1:8000/social-auth/login/facebook/
https://127.0.0.1:8000/social-auth/complete/facebook/
I am trying to set up my Facebook app, but I keep getting error messages when I try to input my app domain.
This is the first error message that I receive.
"This must be derived from Canvas URL, Secure Canvas URL, Unity Binary URL, Site URL, Mobile Site URL, Page Tab URL or Secure Page Tab URL. Check and correct the following domains: www.livelocalandprosper.com"
So I tried adding an "s" after the http and got an error message that said that "top level domains are not allowed".
I also tried using the web app host site's URL, but it wouldn't accept that either. I got the same error message about top level domains.
I have asked the web app host and my website provider, but didn't get any helpful answers there.
Could someone please enlighten me on what I need to do?
Before you can fill in a domain in the app settings, you need to add a Platform, such as a Canvas app, and add the appropriate URL.
i.e. I have a test app, and after adding the Canvas app URL http://bithoop.la/canvas.php?ref=facebook and saving it, I can add bithoop.la to the domain box.
https://www.evernote.com/shard/s53/sh/66259600-af67-46de-b34c-a9cb0f0cf319/db0384a2fdbe7c7a9cea57bdaafad84b
I bought a cheap SSL (RapidSSL), with CA too. It's not self-signed.
Then I want to use it with my facebook application.
If I open my page outside the facebook, it says everything is okay with my SSL, but if I want to open my app in secure browsing, FB shows blank page :(
https://specialpromotion.hu/fb_kviz/
here you can see, that the SSL is working fine.
https://apps.facebook.com/estikviz/ and it works fine too, with this link. But my fb page shows blank only :(
You need to set the HTTPS URL as the Secure Canvas URL, and the non-HTTPS URL as the Canvas URL field in the App settings
Note, you need to provide both; not just a HTTPS URL in both fields, or HTTPS only in the "Canvas URL" and nothing in the "Secure Canvas URL" field
I would like to configure both the Page Tab URL and the Secure Page Tab URL to use SSL connection.
I filled these two field with https://www.myapp.com/, however when opening the tab with a non-ssl fan page, the page tab url is http://www.myapp.com.
Is there a way to enforce Facebook to always use the HTTPS address?
It's a bug, and Facebook's official response is that it's "by design."
https://developers.facebook.com/bugs/220661014669375
You can have http://www.myapp.com/ redirect to https://www.myapp.com/.