Reader Registration - Automatic

This page demonstrates how Reader Registration CTAs work with automatic invocation. Refer to the Developer documentation for more information.

Test the automatic reader registration invocation

The CTA should appear automatically on this page.

Clear Local Storage & Reload

Reader Registration Overview

Reader Registration allowing publishers to display a dialog for users to register. This is similar to a Custom CTA but specifically tailored for registration flows.

To use this feature:

1. The publisher configures a Reader Registration CTA in the Publisher Center.
2. The publisher fetches a valid CTA using the configurationId or by type TYPE_REGISTRATION_WALL.
3. The publisher displays the CTA.

Invoke Reader Registration

To configure Reader Registration CTAs, swg.js must first be initialized. These examples demonstrate using the library in manual mode.

Get the CTA instance to display

To invoke a Reader Registration CTA, the publisher can use the subscriptions.getAvailableInterventions() method from the initialized swg.js library to fetch the configuration.

const availableInterventions = await subscriptions.getAvailableInterventions();

const cta = availableInterventions.find(({type}) => {
    return type === 'TYPE_REGISTRATION_WALL';
});

Show the CTA

To display the CTA, use the returned value and invoke the show method.

cta?.show({
    isClosable: true,
    onResult: (response) => {
        console.log(response.data); // you can retrieve the user information here
        return true;
    }
});