フォームへのMarketo Measureスクリプトの追加Uberflip

最終更新日: 2023-08-14
  • トピック:
  • Tracking
    このトピックの詳細を表示

現在 Uberflip コンテンツを管理するには、次の必要な手順を実行して、 Marketo Measure は、これらのフォーム送信を追跡しています。 サクセスマネージャー ( ) Uberflip これに関しては、もう一度お手伝いをいただけるはずです。

  1. このスクリプトの追加先 Uberflip's カスタムコード/HTML 」セクションに入力します。

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

  2. これを確認します。 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 }); } };

    }

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

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

    }

  4. フォーム CTA が送信されたら、 Marketo Measure 関数は、以下の単位で実行されます。 これは、 カスタムコード >JS 」セクションに入力します。 (注意:Hubs.onCtaFormSubmitSuccess JavaScript イベントフック内に他のコードがある場合もあります。この関数呼び出しも必ず含めてください)。

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

このページ