Funnelish Tracking Setup Guide GA4, Triple Whale & Microsoft Clarity in 2026

				
					<script>
(function() {
  // Utility: Retrieve Cookie by Name
  function getCookie(name) {
    var value = "; " + document.cookie;
    var parts = value.split("; " + name + "=");
    if (parts.length === 2) return parts.pop().split(";").shift();
    return '';
  }

  // Utility: Parse Query String Parameters
  function getQueryParam(param) {
    var urlParams = new URLSearchParams(window.location.search);
    return urlParams.get(param) || '';
  }

  // Generate or retrieve persistent Session Transaction Key
  function getTransactionKey() {
    var key = sessionStorage.getItem('fnl_trans_key');
    if (!key) {
      key = 'fnl_' + Date.now() + '_' + Math.floor(Math.random() * 1000000);
      sessionStorage.setItem('fnl_trans_key', key);
    }
    return key;
  }

  window.dataLayer = window.dataLayer || [];

  // 1. Capture Initial Product View on Funnel Step
  document.addEventListener('DOMContentLoaded', function() {
    if (window.funnelish && window.funnelish.product) {
      var prod = window.funnelish.product;
      window.dataLayer.push({
        'event': 'view_item',
        'ecommerce': {
          'currency': prod.currency || 'USD',
          'value': parseFloat(prod.price || 0),
          'items': [{
            'item_id': String(prod.id || prod.sku || 'fnl_prod'),
            'item_name': prod.name || document.title,
            'price': parseFloat(prod.price || 0),
            'quantity': 1
          }]
        }
      });
    }
  });

  // 2. Listen for Funnelish Main Form Order Submission
  document.addEventListener('click', function(e) {
    var submitBtn = e.target.closest('.fnl-pay-btn, .submit-btn, [data-funnelish-submit]');
    if (submitBtn) {
      var emailVal = (document.querySelector('input[type="email"], input[name="email"]') || {}).value || '';
      var phoneVal = (document.querySelector('input[type="tel"], input[name="phone"]') || {}).value || '';
      
      window.dataLayer.push({
        'event': 'begin_checkout',
        'ecommerce': {
          'currency': 'USD',
          'user_data': {
            'email': emailVal,
            'phone': phoneVal
          }
        }
      });
    }
  });

  // 3. Listen for Funnelish Global Conversion / Upsell Event Trigger
  if (typeof window.funnelish !== 'undefined') {
    window.funnelish.on('purchase', function(data) {
      var orderId = data.order_id || getTransactionKey();
      var totalValue = parseFloat(data.total || data.price || 0);
      var itemsArray = [];

      if (data.products && Array.isArray(data.products)) {
        itemsArray = data.products.map(function(p) {
          return {
            'item_id': String(p.id || p.sku),
            'item_name': p.name,
            'price': parseFloat(p.price || 0),
            'quantity': parseInt(p.quantity || 1)
          };
        });
      } else {
        itemsArray.push({
          'item_id': String(data.product_id || 'fnl_main_item'),
          'item_name': data.product_name || 'Funnelish Offer',
          'price': totalValue,
          'quantity': 1
        });
      }

      window.dataLayer.push({
        'event': 'purchase',
        'transaction_id': String(orderId),
        'ecommerce': {
          'transaction_id': String(orderId),
          'value': totalValue,
          'tax': parseFloat(data.tax || 0),
          'shipping': parseFloat(data.shipping || 0),
          'currency': data.currency || 'USD',
          'items': itemsArray
        },
        'user_data': {
          'email': data.email || '',
          'phone': data.phone || '',
          'first_name': data.first_name || '',
          'last_name': data.last_name || '',
          'fbp': getCookie('_fbp'),
          'fbc': getCookie('_fbc')
        }
      });
    });

    // 4. Listen specifically for One-Click Post-Purchase Upsell Accept
    window.funnelish.on('upsell_accept', function(upsellData) {
      var upsellOrderId = (upsellData.order_id || getTransactionKey()) + '_upsell';
      var upsellPrice = parseFloat(upsellData.price || 0);

      window.dataLayer.push({
        'event': 'purchase_upsell',
        'transaction_id': String(upsellOrderId),
        'ecommerce': {
          'transaction_id': String(upsellOrderId),
          'value': upsellPrice,
          'currency': upsellData.currency || 'USD',
          'items': [{
            'item_id': String(upsellData.product_id || 'fnl_upsell'),
            'item_name': upsellData.product_name || 'One-Time Offer Upsell',
            'price': upsellPrice,
            'quantity': 1
          }]
        }
      });
    });
  }
})();
</script>