<script>
  // Forwards PestBooker booking events to GA4 as gtag events.
  // Paste after your gtag.js snippet, on the page with the booking form.
  window.addEventListener('message', function (e) {
    if (e.origin !== 'https://getpestcontrol.services') return;
    // Only accept messages from a booking form embedded on this page.
    var frames = document.querySelectorAll('iframe[src^="https://getpestcontrol.services/"]');
    var fromForm = Array.prototype.some.call(frames, function (f) {
      return f.contentWindow === e.source;
    });
    if (!fromForm) return;
    var msg = e.data;
    if (!msg || msg.type !== 'getpestcontrol_analytics') return;
    var p = msg.payload;
    if (!p || typeof p !== 'object' || typeof p.event !== 'string') return;
    var params = {};
    // Contact details are deliberately left out (no personal data in GA4).
    ['step_name', 'step_number', 'planType', 'frequency',
     'value', 'currency', 'transaction_id'].forEach(function (k) {
      if (p[k] !== undefined) params[k] = p[k];
    });
    gtag('event', p.event, params);
  });
</script>

{
  event: 'registration_completed',
  event_category: 'registration_form',
  value: 149,
  currency: 'USD',
  transaction_id: '284715',
  planType: 'Quarterly',     // Checkout design
  frequency: 4,              // Checkout design
  email: 'jane@example.com', // for ad matching only
  phone_number: '5555550123',
  first_name: 'Jane',
  last_name: 'Doe'
}

function () {
  var p = {{DLV - phone_number}};
  if (!p) return undefined;
  var digits = String(p).replace(/\D/g, '').slice(-10);
  return digits.length === 10 ? '+1' + digits : undefined;
}