Onsite Campaigns Javascript API

Javascript API

Open a widget

This snippet allows you to open a certain widget by its ID. 

triggerbee.widgets.api.open(widgetId)

Close a widget

This snippet allows you to close a certain widget by its ID. 

triggerbee.widgets.api.close(widgetId)

Initiate the widgets

This snippet allows you to initiate the widget script.

triggerbee.widgets.api.init()

Note: This is done by default on page load. The snippet is only required for SPA sites.

Javascript Events

This is a list of the current Javascript Events for Onsite Campaign widgets. These are useful for creating your own functions and action based on events in widgets. 

For each event, there are different output data that you can use in your code. These 3 are available for all events. See what other output data is available under each event.

• id: ID of the widget triggering the event
• campaignName: Name of the campaign of the widget triggering the event
• campaignId: ID of the campaign of the widget triggering the event

onTriggerbeeWidgetOpened

The event is fired when an Onsite Campaign widget is opened. 

document.addEventListener("onTriggerbeeWidgetOpened", function (event) {
    console.log(event.detail);
    // Example output: 
    /*
        {
            id: 1103,
            campaignName: "Newsletter sign up",
            campaignId: 1059
        }
    */
});

onTriggerbeeWidgetClosed

The event is fired when an Onsite Campaign widget is closed. 

document.addEventListener("onTriggerbeeWidgetClosed", function (event) {
    console.log(event.detail);
    // Example output: 
    /*
        {
            id: 1103,
            campaignName: "Newsletter sign up",
            campaignId: 1059
        }
    */
});

onBeforeTriggerbeeFormSubmitted

The event is fired  before a form in an Onsite Campaign widget is submitted. 

document.addEventListener("onBeforeTriggerbeeFormSubmitted", function (event) {
    console.log(event.detail);
    // Example output:
    /*
        {
            id: 1103,
            campaignName: "Newsletter sign up",
            campaignId: 1059
        }
    */
});

onAfterTriggerbeeFormSubmitted

The event is fired  after a form in an Onsite Campaign widget is submitted.

document.addEventListener("onAfterTriggerbeeFormSubmitted", function (event) {
    console.log(event.detail);
    // Example output:
    /*
        {
            id: 1103,
            campaignName: "Newsletter sign up",
            campaignId: 1059
        }
    */
});

onTriggerbeeWidgetButtonClicked

The event is fired when a button in an Onsite Campaign widget is clicked.

document.addEventListener("onTriggerbeeWidgetButtonClicked", function (event) {
    console.log(event.detail);
    // Example output:
    /*
        {
            id: 1103,
            campaignName: "Newsletter sign up",
            campaignId: 1059,
            url: "http://example.com?utm_custom=Newsletter+sign+up"
        }
    */
});

onTriggerbeeWidgetStateSwitched

The event is fired when there's a change of slide in an Onsite Campaign widget. 

document.addEventListener("onTriggerbeeWidgetStateSwitched", function (event) {
    console.log(event.detail);
    // Example output:
    /*
        {
            id: 1103,
            campaignName: "Newsletter sign up",
            campaignId: 1059,
            stateId: 1213
        }
    */
});

triggerbeeTagAdded

The event is fired when a tag has been added to the session.

document.addEventListener("triggerbeeTagAdded", function (event) {
        console.log('tag: ' + event.detail.name);    
});

triggerbeeGoalAdded

The event is fired when a goal has been set on the session.

document.addEventListener("triggerbeeGoalAdded", function (event) {
        console.log('goal: ' + event.detail.name);    
});