How to Build a Custom Exit Zone Warning Page

A custom Exit Zone Warning Page is essentially a page that is served when a user navigates from the Reach (datafree) site to a link that is no longer datafree. The page is good for UX because it warns the user before they leave the datafree site and start to use their own data balance to continue browsing. It gives them the choice to continue or not. Below are the steps you need to take to build a custom exit zone warning page.

1. Put the domain entry in the Exit Zone in the Reach config.

2. For Rejection Action, change to "Hand-off" to Custom URL to process the request.

3. Enter the URL of the page to use as the Exit Zone Warning page.

4. Build the warning page.

The URL from the domain entry is added to the Exit Zone.Users are sent to a custom page which can be searched and located in any browserA customer can build any page they want, but the key is to have buttons for "Go back" and "Continue"Simplified code for the two buttons which can be coded by the customer:

<div id="myButtons">
   <span>Leave the #datafree Zone?</span>
   <span>You are now leaving the #datafree site.<br/></span>
   <a class="myButton" onClick="goBack()">Go Back</a>
   <a class="myButton" href="https://www.mydomain.com">Continue</a>
</div>

In the html head of the page, you would then need to define the Javascript goBack() function as follows:

<script>
    function goBack() {
        window.history.back(); 
    }
</script>