Install AE Connect with JavaScript
Start by logging in to your dashboard and clicking on AE Connect, located in the top right menu bar.
Then click "Install AE Connect" followed by "Install Manually."
1. Whitelist the domain of the site on which the code will be embedded.
This is for security reasons, to prevent other people from using your unique code on unauthorized websites.
2. Add the AE-JS JavaScript to your website.
Scroll down and you'll see the framework JavaScript as an embed code. You'll need to add this to the markup of your site.
3. Once the embed code is added, you'll need to add anAEJSReady JavaScript function to your site.
<script type="text/javascript" charset="utf-8">
function AEJSReady(aeJS) {
/* additional settings go here */
}
</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 apps and using them on your site
For each service you've added (e.g. Facebook, Twitter, Spotify), your members 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.
<!-- 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>
