Boost conversions on your lead gen pages by 20%

Back in December our friends over at AIM wrote about the results of some tests they ran using the Facebook Login button to populate signup boxes on lead gen pages.

In plain English… the user can click a button to sign up without having to type their email address and it increased conversions by 20%.

Cost per acquisition was also reduced, and because the user doesn’t have to type, there is a lower chance they’ll make a mistake so you end up with better quality names.

If you’re not doing this on your FB campaign landing pages you really should, otherwise you’re leaving money on the table.

We’ve been asked by a number of groups with The Agora for help implementing this but to be honest, it’s pretty easy to do so we’ve written up these instructions to show you how.

Step 1: Set up your Facebook App

  • Go to https://developers.facebook.com/apps/ and add a new app
  • You will have to create a separate app for every domain you wish to use the script on. Subdomains of a domain can use the same app.
  • Once you have clicked Add a new App you will be prompted to name your app. It is recommended that the name of your app mirrors the URL the script is going on.

When have finished the previous section you will be prompted to select a product:

  • Click the Facebook Login product and then click setup.
  • Next Select web as your platform.
  • Enter the root domain (not subdomain, you will set these up later) you wish to put the script on and click save and then click continue.
  • After you have clicked continue you will not need to go through any of the other steps on the page. Instead, click the settings button under Dashboard.
  • Once the settings page, you will see an input field called App Domains. Add your domain and any subdomains of that domain that you wish to use the script on. Once you have added all your domains click save changes.

Note: that this is where you can find your App Id, you will need this later.

  • Go to the App Review section and change the setting “Make { app name} public? From No to Yes

You now have the app set up in Facebook, to use the next step is setting it up on the page.

Step 2: Setting up your landing page

  • Download this Zip file, extract the contents and upload to your web server
    • Note you do not need these files to be on the same domain as you are using the scripts on. They just need to be web accessible
  • Make sure you have jQuery installed on the page you’re working on as the tfs-facebook-signup.js script requires it
  • Add the script to the head :
<script src="https://yoursite.com/tfs-facebook-signup.js"></script>
  • Then finally add a call to the tfsAddFacebookButton function below the tfs-facebook-signup.js script
  • The call will look something like this
tfsAddFacebookButton('#signup-app-form-1', 1234567890, 'EN_US', '#email', '/facebook.svg')
  • The function 5 parameters:
    • ID of the form element.
    • App Id that you set up earlier.
    • Language setting. This can be left as what it is in the example.
    • ID of the email input.
    • The URL to the facebook.svg file that you uploaded earlier.

Need Help?

Hopefully you’ve found the instructions above easy to follow, but if you’d like some help setting this up. Or if you’d like to roll it out across a thousand landing pages, we’re happy to help. Just email us Here.