Help Center

To present a message to visitors or customers who seem ready to exit your site, you can use a BlueConic Exit Intent Listener that determines whether a visitor is about to shift their attention from the page to something else.

Tracking when someone is about to exit a page

By tracking a customer or visitor's position on your page or site, BlueConic can check the amount of room left at the top of the page to determine whether or not the visitor is moving for the navigation bar of the browser. This bar is typically used to switch to another web page, either by going backward, entering a different URL, or clicking a tab or a bookmark; in other words: there is a fair chance that the visitor intends to leave the current page. (You can build in a delay, measured in milliseconds, to avoid throwing the exit intent event during typical navigation around the screen.)

The Exit Intent listener detects this and responds by throwing an "exitintent" event intended to be picked up by a BlueConic dialogue. This way, you can use the dialogue to attract your visitor's attention just before they leave the page.

Using the Exit Intent Listener in BlueConic

To use the listener, there are two things you need to set up:

1. Choose Listeners from the BlueConic navigation bar, click Add listener, and select the Exit Intent Listener.
   
2. Configure the Exit Intent Listener itself.
3. Create a BlueConic dialogue to handle "exitintent" events thrown by the listener.

How to configure an Exit Intent Listener in BlueConic

You can set up an Exit Intent Listener by specifying where it should be active and the delay and position for the listener:

Where

Choose the channel(s) and URL(s) where the listener should be active.
Note: The Exit Intent Listener is not designed to work with mobile page views.

Delay

You can use the Delay field to set the number of milliseconds after which the event is triggered. If someone moves away briefly within the set time, the event won't be triggered. This prevents visitors from being targeted when they accidentally stray outside the window, while navigating to the top menu, for example. The example below uses 20 milliseconds. 

Y coordinate

Set the height of the area at the top of the page where the mouse pointer will be observed. Choose the area in pixels as seen from the top of the page, in which the event should be triggered. The example below uses 80 pixels. 

Create or configure a dialogue to display when someone exits the page

The Exit Intent Listener will throw an event named "exitintent". All that remains is to create a new dialogue (for example, a Content dialogue or a lightbox) that reveals itself when the event is thrown:

1. Select Dialogues from the BlueConic navigation menu.
2. Click Add Dialogue.
3. On the Who tab, select your audience.
4. On the When tab, select "Show on Event" and "Exit Intent". 
5. On the Where tab, select the channels you want the dialogue to appear on.
6. On the What tab, edit the content of your dialogue.
7. On the Why tab, select click-through or view-through conversion options.
8. Turn the dialogue On and save it.

Using the exitintent event

The Exit Intent Listener throws an event whenever it detects that the visitor intends to leave the page. This event is named exitintent and can be picked up by other listeners to define behavior.

Behavior listener

For example, below is an example listener that picks up on the event and keeps track of the number of times the event fired:

1. Select Listeners from the BlueConic navigation bar.
2. Add a new Behavior Listener.
3. Add a rule of type "Advanced Event".
4. Select the value and profile property as you would in any listener.
5. Click select event, select "Custom defined event", enter exitintent, and click OK.
6. Leave the selections "contains any word" and "any value" as they are.
7. Name your new listener and click Save.

This Behavior Listener will now set the property as you defined every time a visitor tries to exit the page.

Custom JavaScript

Alternatively, you can subscribe to the event in your custom JavaScript code using the JavaScript Front-end API's event.subscribe(), as shown here:

blueConicClient.event.subscribe('exitintent', this, function() {
  alert('exitintent event fired');
});

Privacy management

Listeners can be added to Objectives, allowing for privacy management of the information that is being picked up. The listener will only update a profile if the visitor consented to at least one of the objectives that it is linked to.