Meta Connect (Facebook Login)

This page explains how to create a Meta Developer (Facebook Login) application and connect it to your ReachFive account. To use Meta (Facebook Login) as a social login provider, you need your App ID and App Secret from your Meta app. You’ll then copy these keys into your ReachFive settings.

Will this page guide me through Meta (Facebook) steps? 🤔

This page is meant to guide you through connecting your Meta Developer (Facebook Login) application with ReachFive. It is not a complete guide on using the Meta side. We try our best to ensure the page is up-to-date. However, for comprehensive instructions for Meta (Facebook Login), you’ll need to refer to their documentation which is quite comprehensive.

Meta Developer Facebook Login docs

Key takeaways:

  • This page explains where to go to get the necessary information to connect Meta Facebook Login to ReachFive.

  • This page explains what information you need to pass to Meta Facebook Login that ReachFive needs to connect to it.

  • This page gives explicit instructions for the ReachFive Console on what is needed to connect Facebook Login to ReachFive.

  • This page does not give detailed instructions for within the Meta Facebook Login application, but rather gives generally what you need.

Please note that because Facebook Login is a product within a Meta application, you may see Meta and Facebook used interchangeably through this guide.

Facebook data

This is the collectable data for Meta Connect (Facebook Login).

Public data

  • User ID (id) - A unique identifier for the user.

  • Name (name) - The user’s full name.

  • First Name (first_name) - The user’s first name.

  • Last Name (last_name) - The user’s last name.

  • Profile Picture (picture) - The user’s profile image.

  • Email Address (email) - The user’s primary email address.

  • Birthday (birthday) - The user’s date of birth.

  • Friends List (friends) - The list of friends who also use the app.

  • Hometown (hometown) - The user’s hometown.

  • Current Location (location) - The user’s current location. dd

  • Gender (gender) - The user’s gender.

Create a Meta application

Prerequisites

  • You must have a Meta Developer account.

  • You must have the all Facebook (Meta) features enabled on the ReachFive Console.

    Check with your ReachFive administrator if you are unsure if the features are enabled.

Instructions

  1. Go to Meta for Developers.

  2. Log in with your account and create a new app by following the instructions provided here.

Meta app validation

Meta has a streamlined process that selects the permissions and features needed based on App Type.

You select the type of application when you Create a Meta application. If you need different features and permissions, consider trying a new application type.
Sub-sections


Consumer app type

Typically, you will need a Consumer app type when integrating your application/site, Meta, and ReachFive. See the list below for up-to-date information regarding Consumer apps and their associated permissions and features.

Meta App Types

The Consumer app type (may be displayed as Build Connected Experiences in the selection modal) is for apps that integrate consumer-related products like Facebook Login to provide app users with a more personalized experience.

Available Products

  • Analytics

  • App Events

  • App Links

  • Audience Network

  • Facebook Login

  • Facebook Pixel

  • Instagram Basic Display

  • oEmbed for Facebook

  • oEmbed for Instagram

  • Sharing

  • Social Plugins

  • Webhooks

Available Permissions

  • email

  • instagram_graph_user_media

  • instagram_graph_user_profile

  • public_profile

  • user_age_range

  • user_birthday

  • user_friends

  • user_gender

  • user_hometown

  • user_likes

  • user_link

  • user_location

  • user_photos

  • user_posts

  • user_videos

Available Features

  • None

Make your app public

There is a section within your Meta (Facebook Login) application where you’ll need to make the application "go live". Please follow the instructions provided here for details on publishing a Meta (Facebook Login) application.

Configure Facebook (Meta) as Provider on ReachFive

Prerequisites

  • You must have a Meta Developer account.

  • You must have the all Facebook (Meta) features enabled on the ReachFive Console.

    Check with your ReachFive administrator if you are unsure if the features are enabled.

Instructions

On Meta for Developers

  1. Go to App Settings  Basic.

  2. Copy your App ID and App Secret.

    fb appId appSecret
On your ReachFive Console

  1. Go to Settings  Providers.

  2. Choose Facebook.

  3. Paste your Facebook App ID and App Secret.

    This is labelled as Client ID and Client Secret in the ReachFive Console.

  4. Add at least the following Permissions. See available permissions for more.

    1. public_profile

    2. email

      The data that you collect requires user consent. Users can choose to mask their email address. In this case, you would not get the user’s email address. However, the profile will still be created on ReachFive but with no email address associated with the user.

  5. Activate Facebook as a ReachFive social provider by toggling the Visible slider to Green.

    Have multiple brands using Facebook?

    If you have multiple brands or subsidiaries using Facebook or even if you have different use cases, you can add them as variants within the ReachFive Console.

    add fb variant

  6. Don’t forget to Save your input.

    fb appId appSecret from console

Wrap-up

That’s all you need to integrate your ReachFive account with your Facebook application.

You only need to have your Facebook Application validated to go live.

If you want to implement your own button instead of the widget, follow the Facebook Guidelines.

For best practices about Login permissions read the Facebook recommendations.