Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Table of Contents

Identify your Bizzabo Version

Select the document section relevant to you based on your Bizzabo environment. Functionality varies based on version as shown below:

Bizzabo Legacy

Bizzabo New

Digital Behavior Tracking

x

Syncing Registrants

x

Syncing Sessions

x

Syncing Events

x

Fulfillment Actions (Registration)

x

Fulfillment Actions (Event Check-In)

x

Fulfillment Actions (Session Check-In)

x

Embed Digital Activations

x

x

Embed Engagement Zones

x

x

Embed Leaderboards

x

x

Installation Method

Manual

Marketplace App

Bizzabo New

Overview

Captello's native integration with Bizzabo enhances event engagement for both online and hybrid events. You can embed Captello's Engagement Zones throughout an entire event or within specific sessions.

Connecting your Bizzabo Account

Installing Captello App on Your Bizzabo Account

Contact Bizzabo support to let them install the Captello integration app on your account.

Setting Up Bizzabo Connector

Navigate to Setup > Integrations > Connectors and enter your Bizzabo Account ID provided by Bizzabo.

...

With the tracking code, you can track all activities inside Bizzabo (sessions, page views, game plays, downloads, etc.) without the use of Waypoints or Capture Forms. Once attendees logs in to your event, Captello will immediately identify track them. However, the Advanced Installation is not available for all events. Check the table below for requirements.

Requirements

Notes

Bizzabo installed on your domain

Your Bizzabo instance must be installed on your own website or a white-labeled domain. You cannot use the Advanced Installation with the Bizzabo domain.

Image Modified

Captello Tracking Code

Obtain the tracking code from your Captello representative. You will use the same code across all events. The code will use the following format:

<script>
{console.log('Captello Engagement Suite loaded');

    document.addEventListener("DOMContentLoaded", function(){
    console.log('Event listener fired');
    if (window.__INITIAL_STATE__ && __INITIAL_STATE__.meReducer.me.primaryEmail){
         console.log('meReducer found');
         ll_3p_email = __INITIAL_STATE__.meReducer.me.primaryEmail;
         ll_3p_fn = __INITIAL_STATE__.meReducer.me.firstName;
         ll_3p_ln = __INITIAL_STATE__.meReducer.me.lastName;
         ll_3p_co = __INITIAL_STATE__.meReducer.me.company;
         ll_3p_ign_act = 1;

        llcustid = XXXXX;
        ll_use_automatic_form_tracking = true;
        (function() {
            var llt = document.createElement('script'); llt.type = 'text/javascript'; llt.async = true;
            llt.src = 'https://t1.captello.com/tracking_engine/lltc.min.php';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(llt, s);
             })();

    }
    else {
        console.log('meReducer returns false - check login');
    }
});

}

</script>

Bizzabo's Detect Page Change Code

By default, Bizzabo front loads every page on their platform. The following code will force it to reload pages so our tracking engine can see individual pages.

Code Block
<script>

	/* ---Modification to History to Detect Page Change--- */
  	history.pushState = ( f => function pushState(){
    	var ret = f.apply(this, arguments);
    	window.dispatchEvent(new Event('pushstate'));
    	window.dispatchEvent(new Event('locationchange'));
    	return ret;
  	})(history.pushState);

  	history.replaceState = ( f => function replaceState(){
    	var ret = f.apply(this, arguments);
    	window.dispatchEvent(new Event('replacestate'));
    	window.dispatchEvent(new Event('locationchange'));
    	return ret;
  	})(history.replaceState);

  	window.addEventListener('popstate',()=>{
    window.dispatchEvent(new Event('locationchange'))
  	});


	/* ---Run when Nested Page Changes--- */
  	window.addEventListener('load', onLoaded, false);

</script>

To install the Captello tracking code,

...

  • Navigate to Events > Capture.

  • Use the drop-down menu to the right of the Activation/Leaderboard and select Launch.

  • Copy the URL.

  • Insert the URL into the iframe template below.

Code Block
<iframe width="100%" height="800" src="INSERT URL HERE" frameborder="0" allowfullscreen=""></iframe>

Next, you need to embed the iframe into your Bizzabo page. In Bizzabo,

...