ConvertFlow GTM Event Listener

Track ConvertFlow CTA and form interactions in GTM. Monitor survey steps, CTA clicks, and form submissions with userID and formfield variables.

convertflowctapersonalizationgtmga4lead-generationfunnel

Event fired

ConvertFlow_Form_Submitted

Key variable

userID

ConvertFlow

Overview

ConvertFlow is a funnel and CTA builder that personalizes website experiences based on visitor attributes. It supports multi-step campaigns, surveys, and personalized form flows. This listener tracks form submissions with visitor identification data.

Event fired: ConvertFlow_Form_Submitted Variables: userID, formfield (object of all form fields)

Common Use Cases

Track ConvertFlow campaign conversions in GA4
Capture visitor email for Enhanced Conversions
Measure multi-step funnel completion rates
Fire Meta Pixel lead events on ConvertFlow submission
Connect ConvertFlow submissions to CRM via GA4 User ID

Installation

html

<!-- GTM Custom HTML Tag: ConvertFlow Listener -->
<script>
(function() {
  function cfPush(eventName, extra) {
    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push(Object.assign({ 'event': eventName }, extra || {}));
  }

  document.addEventListener('cf:complete', function(e) {
    var d = e && e.detail;
    cfPush('ConvertFlow_Form_Submitted', {
      'userID': d && d.visitor_id,
      'formfield': d && d.fields
    });
  });

  document.addEventListener('cf:survey_step', function(e) {
    var d = e && e.detail;
    cfPush('ConvertFlow_Survey_Step', {
      'userID': d && d.visitor_id,
      'stepIndex': d && d.step,
      'stepAnswer': d && d.answer
    });
  });

  document.addEventListener('cf:cta_click', function(e) {
    var d = e && e.detail;
    cfPush('ConvertFlow_CTA_Click', {
      'ctaId': d && d.cta_id,
      'ctaName': d && d.cta_name
    });
  });
})();
</script>

Data Layer Output

Form Submitted

json

{
  "event": "ConvertFlow_Form_Submitted",
  "userID": "visitor_abc123",
  "formfield": {
    "email": "jane@company.com",
    "company": "Acme Corp",
    "role": "Marketing Manager"
  }
}

Triggers to Create

Trigger	Event Name
CE – CF Form Submit	`ConvertFlow_Form_Submitted`
CE – CF Survey Step	`ConvertFlow_Survey_Step`
CE – CF CTA Click	`ConvertFlow_CTA_Click`

Variables to Capture

Variable Name	DL Key	Example
DLV – CF User ID	`userID`	`"visitor_abc123"`
DLV – CF Form Fields	`formfield`	Object of fields
DLV – CF Email	`formfield.email`	`"jane@company.com"`

GA4 Mapping

GA4 Event	Trigger	Parameters
`generate_lead`	CF Form Submit	user_id, method: "convertflow"
`sign_up`	CF Form Submit	method: "convertflow"

Related Listeners

More Popups & Widgets

Elementor Popup

show_Popup

GetSiteControl

OptinMonster

← All Popups & Widgets GTM Cookbook →