Add Social Sign-Up to Your Site

After you have installed AE Connect on your website and created your basic email registration, you can add social network sign-up options. AE Connect supports logins for a number of different social media, streaming and gaming networks including Facebook, Spotify, Discord and Reddit. These are the channels that your user will give FairShare permission to track their interactions on. For a full list of the activity data FairShare can collect, see The Data FairShare Collects.

Before adding social sign-up to your site, you need to Create Social Apps in your FairShare dashboard.

Social sign-up with data-ae-register-window

If you created your email registration with the data-ae-register-window tag, any social apps you created in your FairShare dashboard will automatically be added as login options. Here’s what the form looks like with Spotify and Discord enabled in your dashboard:

Social sign-up with data-ae-register-link

Using the data-ae-register-link tag, you can trigger a direct registration via a social service that you have enabled in the FairShare dashboard. For demonstration purposes, this tutorial uses WordPress.

Navigate to the editing side of the page where you want the social sign-up to appear.
You will need to add custom HTML to this page. In WordPress, click the + button to add a new block (1) and choose Custom HTML (2).

We will be using the AEJS data tag data-ae-register-link and adding it to the HTML on this page:
```
<a href=”#” data-ae-register-link=”social service”>Register with Social Service</a>
```
Where “social service” is any social media, streaming and gaming network that you have enabled in your FairShare dashboard (see Create Social Apps).

Here’s an example of code using Spotify and Discord:

<p><a href="#"  data-ae-register-link="discord">Sign up with Discord</a></p>
<p><a href=”#” data-ae-register-link=”spotify”>Sign up with Spotify</a></p>

On the frontend it looks like two basic text links:

Next Article: Manage Brands