Company Blog Support
Frank Hagan
posted

Contents

    Back to Top

    Connect with Facebook Integration

    Revised June 21, 2017 

     

    About Using the Facebook Connect Button

    This integration allows you to create a Connect with Facebook button and place it on your website. When clicked, the button connects the person to their Facebook account and, with their permission, opts them into your Contact database. The first name, last name and email address are added. You must create a separate Connect with Facebook button for each website or domain.

    Facebook frequently changes their interface, and often split tests pages. Some of the images and explanations may not exactly match what you see in your Facebook account. We have provided links to the Facebook documentation where needed. 

    Prerequisites
    Create the Facebook App
    1. Create a free Facebook Developer's account
    2. Visit Facebook Marketing API and click Create an Ads App

      Create a marketing API app

    3. Click Create to create a new Ads App.

      Select an existing Ads App or create a new one
    4. Name your new app, provide your Contact Email, and click the Create App ID  button. 

      Create New App

    5. In the left menu, click Settings and then Basic. Click the +Add Platform button at the bottom.

      Click Settings > Basic and Add Platform

    6. Select Website from the dialog box and enter the URL you will be installing the Connect with Facebook button on. Note that you will need to create a separate app for each unique URL you install the button on.





    7. Copy the App ID at the top of the page to a text file for use in ONTRAPORT later.

    8. Click Save Changes.

    This completes the Facebook App configuration. You do not need to make the Facebook App live, or submit it for review.

    ONTRAPORT needs only the App ID copied in step 7 to configure the button. 

    Configure the App in ONTRAPORT
    1. Log into ONTRAPORT
    2. Go to Administration > Social > Facebook
    3. Click New Facebook App and fill in the first two fields. The App Name does not have to match the Facebook App name, but it does make it easier to edit later if you use the same name. The Application ID is the App ID number you obtained when creating the application.
    4. Set a redirect URL in the third field. After a contact opts in using Facebook they will be directed to this page. You can edit this setting at any time.
    Generate the Connect to Facebook Code
    1. Select your Facebook App
    2. Click Generate Code

      generate code button
    3. Copy the generated code to your clipboard
    4. Paste the code on your web page where you want the Connect with Facebook button to appear. Save the page and test the button function.

      Note: Facebook may display an error code when you click the button. If it does, edit this line in the code:  scope="email,public_profile,user_location,user_hometown,user_birthday,user_website,user_likes,user_friends" to read simply: scope="email,public_profile,user_friends"

     

     

    Articles in this section

    Have more questions? Submit a request

    Comments

    Powered by Zendesk