Formsへ Marketo Measure スクリプト Uberflip 追加 adding-marketo-measure-script-to-uberflip-forms
現在 Uberflip を使用してコンテンツを管理している場合は、これらの必要な手順を実行して、Marketo Measure がこれらのフォーム送信を追跡していることを確認することが重要です。 Uberflip のサクセスマネージャーも、これを支援できます。
-
このスクリプトを 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);
}