Adding Marketo Measure Script to Uberflip Forms

Add this script to Uberflip’s Custom Code>HTML section.

<script type="text/javascript" src="https://cdn.bizible.com/scripts/bizible.js" async=""></script>

Ensure this Marketo Measure preamble code fires on both page load and AJAX page change. Do this within the Custom Code>JS section

window['Bizible'] = window['Bizible'] || { _queue: [], Push: function (o, p) {this._queue.push({ type: o, data: p }); } };

Add this preamble to both the Hubs.onLoad and the Hubs.onPageChange AJAX JavaScript event hooks per below. (Note: You may have other code in these event hooks as well. Make sure you include the preamble too.)

Hubs.onLoad = function () {

window['Bizible'] = window['Bizible'] || { _queue: [], Push: function (o, p) {this._queue.push({ type: o, data: p }); } };

}

Hubs.onPageChange = function () {

window['Bizible'] = window['Bizible'] || { _queue: [], Push: function (o, p) {this._queue.push({ type: o, data: p }); } };

}

Create and define a function that pushes data to Bizible upon a Form CTA submission. This goes into the Custom Code>JavaScript section. (Note: this function only requires the ctaData parameter Uberflip provides, but you can include the other parameters ctaId and ctaName in case the user wants to customize their code to pass this data as well).

function bizibleFormCode(ctaId, ctaData, ctaName) {
var email = ctaData["email"];
if(email){
Bizible.Push('User', {
eMail: email, // required
}); }

}

When a Form CTA is submitted, make sure your Marketo Measure function is executed per below. This is done within the Custom Code>JS section. (Note: You might have other code within the Hubs.onCtaFormSubmitSuccess JavaScript event hook, make sure you include this function call as well).

Hubs.onCtaFormSubmitSuccess = function (ctaId, ctaData, ctaName) {
bizibleFormCode(ctaId, ctaData, ctaName);
}