Setting up your Facebook Developer Account for Facebook Analytics

Facebook Developer Products are available* on Shopgate.

* Please make sure that your apps are published in the app stores as most Facebook products work with apps.

In this article, you will learn how to create and connect your Facebook Developer Account to your mobile shop. Follow the steps below to get your account ready to use with Facebook Analytics.

Getting started

Registering as a Facebook Developer

To get started, register your Facebook account as a Facebook Developer. If you already have a Facebook developer's account, skip this section.

  1. First, click here and then click Register on the top right.
  2. Accept the Facebook Policies and click Register. On the next screen, click Done to finish the registration.

accept policy-1

Now you have registered a Facebook Developer account. Please continue to create a Facebook App ID.

Creating a Facebook App ID

To create a Facebook App ID, follow the steps below:

  1. On your Facebook Developer's account, click Add a New App on the top right.

    If you have just registered a Developer's account, you will be taken to create an App ID directly. 
  2. The "Add a New App" screen will appear. Click basic setup. We will set up the platforms later

Facebook_Developers_-_Facebook_for_Developers_2016-08-19_16-47

3. Enter a Display Name for your app and a Contact Email. Click Create App ID.

Screen_Shot_2018-01-08_at_2.26.52_PM

Now you have created a Facebook App ID. Please continue to make it public.

Publishing your App

To make your app available to the public, publish it by following the steps here:

  1. Navigate to App Review on the left.

    In case you have multiple apps under the same account, switch between them on the top left corner. Make sure the correct app is selected.
  2. On top of the screen, find the section "Make My Awesome Shop public?" and slide the button to YES. Click Confirm on the "Are you sure..." pop-up.
  3. After your app is published, these options will be approved automatically:
    • email
    • public_profile
    • user_friends
    This permits your mobile shopping app to access a user's email address, public profile, and friend list.

My_Awesome_Shop_-_App_Review_-_Facebook_for_Developers_2016-08-16_16-06

Now you have successfully created and published a Facebook App.

Enabling Facebook Analytics for your App

To set up Facebook Analytics for Apps, follow the steps below:

  1. Log in to your Shopgate Admin page.

  2. Click Settings on the menu bar, then select Tracking Tools.

    FB_Analytics

  3. Locate the "Facebook Analytics for Apps" section and turn it to ON.

    FB_Analytics_turn_on

  4. A pop-up will open. Enter your Facebook App ID and click Save.

    FB_analytics_ON

That's it! You have successfully set up your Facebook Analytics for Apps.

Enabling the Facebook Login

Connecting Facebook to your Shopgate admin

To connect your Facebook Developer account to Shopgate, enter the App ID and App Secret in the merchant admin following the steps below.

  1. Log into your Shopgate Admin and navigate to Settings, then Facebook.
    Getting_Started
  2. In the section Configuration, enable Facebook Login and enter the App ID and App Secret. Click Save

    Shopgate_Admin_-_Shopgate_Guru2go_2016-06-01_15-03_1_

  3. Now click Show App Info to reveal your Facebook app information. You will need the information to add platforms and set up Facebook Login.
    Facebook_login_Show_App_Info_4

Enabling mobile platforms

Now go to your Facebook App to enable 3 platforms: iOS, Android, and Mobile Website.

  1. Navigate to Settings on the top left.

In case you have multiple apps under the same account, switch between them on the top left corner. Make sure the correct app is selected.

2. Click + Add Platform at the bottom of the page.

3. Select your platform Website, iOS, and Android one by one here. Fill out the forms (shown below) with the information from the previous chapter and click Save Changes.

3a. Select Website. Enter your Site URL.

3b. Select iOS. Enter your Bundle ID and iPhone Store ID

My Awesome Shop - Settings - Facebook for Developers 2016-06-07 18-07(1)-1

3c. Select Android. Enter Google Play Package Name, Class Name, and Key Hashes.

My Awesome Shop - Settings - Facebook for Developers 2016-06-07 18-08-1

 

Now you have successfully added all the platforms you need for your mobile shop.

Requesting an app update

After connected your Facebook Developer App to your Shopgate mobile shop, please request an update for your Shopgate apps.

We will compile the Facebook SDK into your apps and submit them to the app stores.

 

Frequently Asked Questions

Where can I find my Facebook App ID and Secret?

On your Facebook developer's account, you will be able to find your App ID and the App Secret.

  1. Navigate to Dashboard on the top left.
  2. Your App ID and App Secret will show here. Click Show to reveal and copy the App Secret.

dashboard app id

When can I use the Facebook features?

After you have configured your Facebook Developer App by following this documentation, your Shopgate mobile app will be re-complied and submitted to the app stores. This process could take up to two weeks.

Your Facebook features will be available once the process is finished.