Hubspot Forms and Segment

hubspot_send_to_segment.js

// Init Segment
!function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on"];analytics.factory=function(t){return function(){var e=Array.prototype.slice.call(arguments);e.unshift(t);analytics.push(e);return analytics}};for(var t=0;t<analytics.methods.length;t++){var e=analytics.methods[t];analytics[e]=analytics.factory(e)}analytics.load=function(t){var e=document.createElement("script");e.type="text/javascript";e.async=!0;e.src=("https:"===document.location.protocol?"https://":"http://")+"cdn.segment.com/analytics.js/v1/"+t+"/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(e,n)};analytics.SNIPPET_VERSION="4.0.0";
analytics.load("YOUR_WRITE_KEY");
analytics.page();
}}();



// Be sure that you import Hubspot form JS somewhere else in your page
// <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script>
// <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>



// Create Hubspot form with callback

hbspt.forms.create({ 
    portalId: '123456', // your portal ID
    formId: '123456-azer-azer-azer-12345678' // Your Form ID

    onFormSubmit: function($form) {
      var email = $form.find('[name=email]').val();
      var first_name = $form.find('[name="firstname"]').val(); // Replace and add your other important values

      // Identify Lead
      analytics.identify({
        name: first_name,
        email: email // Replace and add your other important values
      });

      // Send action Form submitted
      analytics.track('Submitted Form', {
        name: 'Hubspot Form Campaign1'
      });
    }
  });