Creating a Facebook App

To start collecting social registrations with Facebook, you need to get your Facebook app up and running. Facebook is one of the one services that requires your app to get manually approved by their team. It's not really that tricky. Just follow along with the video or the written instructions and shout out if we can help.


The three main steps for Facebook are:

  1. Creating your app on Facebook
  2. Checking your live site is working with login
  3. Submitting your app to Facebook for approval

So let's get cooking up your Facebook app!


1. Sign into Facebook at the Developer site.

It'll get you to log into your normal Facebook account, then it will prompt you to create a Facebook for Developers account if you don't already have one.

If you had to make a new account, you may have to press the blue "Log In" button once more (it will be in the same place, but the text will have changed to Get Started).


2. From the My Apps drop-down in the top-right corner, click on "Add a New App."


3. Fill in your first screen of app details and press "Create App ID."


4. When Select a Scenario pops up, click "Integrate Facebook Login."



5.  Click Basic Settings on the left sidebar and fill in your details.

Make sure to fill in this information as much as you can including: Display Name, App Domain (the website you'll be driving people to), Contact Email, Privacy Policy and Terms of Service.

Also make sure to upload your App Icon and choose a category for your product.

Once you're done, hit Save Changes!




6. Scroll down and click "Add Platform."

Most of you are probably adding Facebook login to a website. So the last step is adding your website URL. Select "Website" and paste in your URL.

If you have a mobile app and you want Facebook login on that too, add iOS or Android as a platform as well. 


7. In the left sidebar under Products, click on "Facebook Login" and then "Settings." 

First, double-check that the following toggles are set to YES:

  • Yes - Client OAuth Login
  • Yes - Web OAuth Login 
  • Yes - Use Strict Mode for Redirect URIs

Second, scroll down the page and fill in the blank fields as follows:

1. Valid OAuth redirect URIs: 

https://theappreciationengine.com/FacebookAuthenticator_Controller

2. Deauthorize Callback URL: 

https://theappreciationengine.com/FacebookAuthenticator_Controller

3. Redirect URI to Check: 

https://theappreciationengine.com/FacebookAuthenticator_Controller

(and press Check URI)

*If you're on a custom AE Enterprise plan you'll have a custom domain. Make sure to add it in front. 

E.g.
https://sony.theappreciationengine.com/FacebookAuthenticator_Controller

You can ignore the rest of the fields on the page. Press the "Save Changes" button.



10. Click again on Basic Settings, found in the left sidebar. 

Under App Secret, click "Show " and then copy it. 


11. Go back to your AE dashboard.

If you don't already have AE open, go to a new tab and log into your AE account.

Click on AE Connect, found in the top right Menu bar.

12. In the Connect Your Social Apps section, select the Facebook icon.


13. Paste your App ID and Secret into the AE window. 

Then press the "Activate service" button (don't worry about the scopes!).


14. You can see your Facebook app is live with AE!


15. High five! 

The first stage is complete and you've built your basic Facebook App.


16. Remember that you'll need to set it live and you may need to submit to Facebook for approval.

Back on the Facebook Developer site, click the Status toggle, found in the top right Menu bar. 


When you click the toggle, you'll see this message.


Facebook automatically approves permissions for email and public profile.
 If you want more permissions, you'll have to submit your app to Facebook for approval. For more on that, see our article on Extended Facebook Permissions.

Connect other social networks:

1.Setting up an Instagram App

2.Setting up a Twitter App

3.Setting up a Spotify App

            Or choose from the full list.

            If you are ready,  integrate AE Connect, our social login solution, into your website.


            How did we do?