Ning 3 Help

Troubleshoot Your Facebook Sign In App

Rate this guide


If you’ve created a Facebook Sign In app for your Ning Network but your members are unable to sign up or sign in, it may be that the app’s settings need to be adjusted, or that the same app is being used for both the Facebook Sign In and Facebook Sharing functions on the network.

Facebook Sharing and Facebook Sign In functions are completely separate and each require their own app.

 

Here are some possible symptoms you might run into if your Facebook Sign In app isn’t configured correctly:

Are Members on the Right Page?

If any of these sound like what you or your members are encountering, have them make sure they’re clicking the Facebook button from the appropriate page.

New members will need to be on the sign up page and click on the Facebook button there in order to successfully join with their Facebook credentials.

Existing members will want to make sure they are on the sign in page when clicking on the Facebook button.

 

If new and existing members are on the right page but are still encountering this issue, check to see if you are using the same Facebook app for Facebook Sign In and Facebook Sharing functions by doing the following:

  1. Go to your network’s dashboard and click on the “Sign Up & Sign In” link from the Members panel (/main/admin/signUpSignIn).
  2. Click on “Details” next to Facebook.
  3. Note the App ID you see there. (In the below example, our App ID is 61171340551208.)
  4. Click “Cancel”.
  5. Then go to your Facebook Integration page, found in the Social Site Manager of the dashboard.
  6. Hover your mouse over where it says “Edit or delete your Facebook App”.
  7. Note the App ID that displays in the status bar at the bottom of the browser.

If the App IDs in both locations match

If the App IDs in both locations match, that means you are using the same application for both functions on your network. To fix this, you’ll want to create a new and separate app for Facebook Sign In to work, using the following steps:

  1. Go to your Members panel and access the Sign Up & Sign In management page again.
  2. Click on the “Details” link next to Facebook.
  3. Clear out the content provided for the App ID and App Secret.
  4. Save your changes in the pop-up window.
  5. Save your changes on the Sign Up & Sign In management page itself.
  6. Then check one of the boxes next to Facebook and you’ll be prompted to create a new Facebook app.
  7. Follow the instructions you see in our Enable Social Sign In with Facebook article.

If the App IDs in both locations are different

If the App IDs in both locations are different, but you are still experiencing this issue, it could be that information provided in the app needs to edited. To make sure your Facebook Sign In app is filled in correctly, please note that the following fields are all that should have information supplied on your Facebook app’s settings page:

Display Name: This is the name you see in the App Details window that pops up in your Sign up / Sign in management page.

Contact Email: This field is auto-populated with your Facebook account’s email address.

Website with Facebook Login:

Site URL: This is where you enter your Ning subdomain in the following format (the subdomain is the examplenetwork part of examplenetwork.ning.com): https://subdomain.networkauth.com/

Everything else should be left blank on the page. If there are other fields filled out, clear them out and save your changes.

Note: Navigate to the “Status & Review” page and make sure “Do you want to make this app and all its live features available to the general public?” is set to “Yes.”

You can also make sure Facebook isn’t requiring something different for your particular network’s Site URL by heading over to your network’s Sign In page (be sure to sign out of the network first) and right-clicking on the Facebook button. Copy the URL and paste this somewhere where you can view it easily.

It will look something like this:

https://indoormusicfestivals.networkauth.com/facebook/connect_start?ext_perm=user_birthday%2Cuser_location%2Cemail&token_url=http%3A…

The important bit from the URL you see will be the subdomain that appears before .networkauth.com. In the above example, the subdomain is indoormusicfestivals. That means this is what I should be entering in the “Site URL” field, in the following format:

https://indoormusicfestivals.networkauth.com/

Make this change to your existing Facebook Sign In app and save your changes.

If tweaking your existing app doesn’t fix the issue, delete your app by following the steps #1-6 in the above “If the App IDs in both locations match” section of this article, then create a new Facebook Sign In app by following the steps in our Enable Social Sign In with Facebook article.

Deleting and creating a new Facebook Sign In app will cause existing members who are using their Facebook credentials to sign in to need to re-authorize the connection from your network to their Facebook accounts.

After they re-authorize this connection, they will be able to sign in again as usual.

Similar Articles: