Circuit Stream | Adult and Youth Programs in Tech

Legacy HubSpot Embed (paste here)

Include CometlyAppend UTMs to redirectVerbose console logs

Detected portalId: 3885542

Detected formId: 3244bf4e-67e6-4503-a9ff-8ad7624dfa4b

Detected region: na1

Detected Cometly URL: https:

Cometly Script URL (overrides detected)

Modernized Embed (copy this)

<!-- Modern HubSpot embed (generated) -->
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
<script>
  // --- UTM helpers (read from parent URL, fallback to last-touch storage) ---
  function readUTMsFromParentURL(){
    try {
      var p = new URLSearchParams(window.top.location.search || '');
      var utms = {
        utm_source:   p.get('utm_source')   || '',
        utm_medium:   p.get('utm_medium')   || '',
        utm_campaign: p.get('utm_campaign') || '',
        utm_term:     p.get('utm_term')     || '',
        utm_content:  p.get('utm_content')  || ''
      };
      Object.keys(utms).forEach(function(k){ if(utms[k]) localStorage.setItem('last_'+k, utms[k]); });
      console.log('[UTM] Parsed from PARENT URL:', utms);
      return utms;
    } catch(e){ console.log('[UTM] parse error:', e); }
    return { utm_source:'', utm_medium:'', utm_campaign:'', utm_term:'', utm_content:'' };
  }
  function readPersistedUTMs(){
    var utms = {
      utm_source:   localStorage.getItem('last_utm_source')   || '',
      utm_medium:   localStorage.getItem('last_utm_medium')   || '',
      utm_campaign: localStorage.getItem('last_utm_campaign') || '',
      utm_term:     localStorage.getItem('last_utm_term')     || '',
      utm_content:  localStorage.getItem('last_utm_content')  || ''
    };
    console.log('[UTM] Loaded from localStorage:', utms);
    return utms;
  }
  function getUTMs(){
    var fromUrl = readUTMsFromParentURL();
    var empty = Object.keys(fromUrl).every(function(k){ return !fromUrl[k]; });
    return empty ? readPersistedUTMs() : fromUrl;
  }

  // --- DOM helpers ---
  function toFormEl(maybeForm){
    if (maybeForm && maybeForm.nodeType === 1) return maybeForm;
    if (maybeForm && typeof maybeForm.get === 'function') return maybeForm.get(0);
    if (maybeForm && maybeForm[0]) return maybeForm[0];
    return maybeForm;
  }
  function ensureHidden(formEl, name){
    var input = formEl.querySelector('input[name="'+name+'"]');
    if(!input){
      input = document.createElement('input');
      input.type = 'hidden';
      input.name = name;
      formEl.appendChild(input);
      console.log('[UTM] Created hidden input:', name);
    }
    return input;
  }
  function setField(formEl, name, value){
    if(!value) return;
    var input = ensureHidden(formEl, name);
    input.value = value;
    try { input.dispatchEvent(new Event('change', { bubbles: true })); } catch(e) {}
    console.log('[UTM] Set', name, '=', value);
  }

  
      // Optionally append UTMs to HubSpot-provided redirectUrl
      function appendUTMs(url, utms){
        try {
          if(!url) return url;
          var u = new URL(url, window.top.location.href);
          Object.keys(utms).forEach(function(k){ if(utms[k]) u.searchParams.set(k, utms[k]); });
          return u.toString();
        } catch(e){ console.log('[HS] Redirect appendUTMs error:', e); }
        return url;
      }
    

  // --- HubSpot embed ---
  hbspt.forms.create({
    portalId: "3885542",
    formId: "3244bf4e-67e6-4503-a9ff-8ad7624dfa4b",
    region: "na1",

    onFormReady: function($form){
      var formEl = toFormEl($form);
      var utms = getUTMs();
      console.log('[HS] Inputs BEFORE:', Array.from(formEl.querySelectorAll('input')).map(function(i){return i.name;}));
      // Inject UTMs into hidden fields (ensure they exist)
      var map = {
        utm_source:   'utm_source',
        utm_medium:   'utm_medium',
        utm_campaign: 'utm_campaign',
        utm_term:     'utm_term',
        utm_content:  'utm_content'
      };
      Object.keys(map).forEach(function(utmKey){ setField(formEl, map[utmKey], utms[utmKey]); });
      console.log('[HS] Inputs AFTER:', Array.from(formEl.querySelectorAll('input')).map(function(i){return i.name;}));

      
    },

    // Use HubSpot-configured redirect if present
    onFormSubmitted: function($form, data){
      try {
        console.log('[HS] Form submitted data:', data);
        if (data && data.redirectUrl) {
          var utms = getUTMs();
          var dest = data.redirectUrl;
          dest = appendUTMs(dest, utms);
          console.log('[HS] Redirecting to:', dest);
          window.top.location.href = dest;
        }
      } catch(e) { console.log('[HS] Redirect error:', e); }
    }
  });
</script>

Tip: Ensure your HubSpot form includes hidden fields with internal names: utm_source, utm_medium, utm_campaign, utm_term, utm_content.

Self‑tests

✓ parseLegacy: extracts portalId/formId/region — {"portalId":"3885542","formId":"3244bf4e-67e6-4503-a9ff-8ad7624dfa4b","region":"na1","cometlyUrl":"https:"}
✗ parseLegacy: extracts Cometly URL — https:
✓ buildModernEmbed: includes onFormSubmitted
✓ buildModernEmbed: includes UTM helpers
✓ buildModernEmbed: includes appendUTMs() when enabled
✓ buildModernEmbed: cometly present when enabled + URL provided
✓ buildModernEmbed: cometly absent when disabled