Formsへ Marketo Measure スクリプト Uberflip 追加 adding-marketo-measure-script-to-uberflip-forms

このスクリプトを Uberflip の ​ カスタムコード >HTML セクションに追加します。

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

この Marketo Measure プリアンブルコードが、ページの読み込み時とAJAX ページの変更時の両方で実行されるようにします。 ​ カスタムコード/JS セクション内でこれを実行します。

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

以下に従って、このプリアンブルを Hubs.onLoad と Hubs.onPageChange のAJAX JavaScript イベントフックの両方に追加します。 （メモ：これらのイベントフックには、他のコードも含めることができます。 必ずプリアンブルも含めてください）。

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 }); } };

}

フォーム CTA 送信時に Bizible にデータをプッシュする関数を作成し定義します。 これは、「カスタムコード JavaScript セクションに移動します。 （メモ：この関数は、Uberflip が提供する ctaData パラメーターのみを必要としますが、ユーザーがこのデータを渡すためにコードをカスタマイズする場合に備えて、他のパラメーター ctaId および ctaName を含めることもできます）。

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

}

フォーム CTA が送信されたら、Marketo Measure 関数が以下ごとに実行されていることを確認します。 これは、​ カスタムコード/JS セクション内で行われます。 （メモ：Hubs.onCtaFormSubmitSuccess JavaScript イベントフック内に他のコードがある場合は、この関数呼び出しも含めてください）。

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