Installing AE Connect

Updated 1 week ago by Mike Penhall

1. Add the AE-JS javascript to your website. 

You can find this script by logging in to your dashboard and going to the Application page.

Under the section "How to acquire members", you'll see the framework javascript as an embed code. You'll need to add this to the markup of your site.


2. Whitelist the domain of the site on which the code will be embedded. 

This is for security reasons, to prevent other people using your unique code on unauthorised websites.


3. Once the embed code is added, you'll need to add an AEJSReady javascript function to your site.

<script>
           //empty aejsready function
           function AEJSReady(aeJS) {

} </script>

You now have the full AE JS Framework at your disposal. You can use the AEJSReady function to assign callback events and edit the text and functionality of AE Connect.


4. You're all set to add social services and using them on your site

For each service you've added (e.g. Facebook, Twitter, Spotify), your users will be given the option of signing in to your site using their account on these services. You can find more information on adding social services to AE Connect here.

After adding the AE JS javascript to your website, you can link to each of your login services with AE JS Data Tags.

The URL in the code below, "https://example.com/handler", refers to your website URL (with the 'handler', which is the specific login/register/logout/etc. page it should redirect to) to return to once the link action is complete. For example: https://your-website-here.com/login.
<!-- Open a popup window containing links to all of your services -->
          <a href="#" data-ae-register-window="true" data-ae-return="https://example.com/handler">Register</a>
          
          <!-- Create a menu with register links for specific services -->
          <ul>
              <li><a href="#" data-ae-register-link="facebook">Register with Facebook</a></li>
              <li><a href="#" data-ae-register-link="facebook">Register with Facebook</a></li>
              <li><a href="#" data-ae-register-link="facebook">Register with Facebook</a></li>
          </ul>
Note: If you'd like to take a more manual approach, you'll also be given a unique URL for each service that you can add to your site that for the user to use for registration. These URLS can be found in the "URL Authenticator" section of your Application page in the dashboard

How did we do?