topic Re: Send event from hubspot to google analytics also set form field when google anlaytics cookie is in APIs & Integrations

Send event from hubspot to google analytics also set form field when google anlaytics cookie is set

zohaib — Thu, 27 Jun 2019 12:16:03 GMT

Hi @IsaacTakushi dear i am facing another problem in hubspot.How to send Events from hubspot to Google Analytics.. I want to set Form field if google analytics cookie is set.I embeded js code on form and add that form on landing page but it do not set form field(google_client_id) when i fill the form on landing page..can you solve this problem.please review my code.

In all Hubspot forms add "GA Client id" as an optional hidden field
Modify the script tag on all Hubspot forms to set ga_client_id if the GA cookie is set

..Thank you

Re: Send event from hubspot to google analytics also set form field when google anlaytics cookie is

IsaacTakushi — Tue, 18 Feb 2020 13:07:37 GMT

Hi, @zohaib.

Apologies for the delayed response.

With a Marketing Basic (legacy), Professional, or Enterprise subscription, you can use these options to manipulate form field values with jQuery.

For example, I used:

<script>
  var ga_client_id = "myValue";
  hbspt.forms.create({
        portalId: "",
	formId: "",
        onFormSubmit: function($form, ctx){
              $('input[name="ga_client_id"]').val(ga_client_id).change();   
   	}
  });
</script>

Form field manipulation is not possible with a Marketing Starter or Free subscription, however, as these forms render in an iframe.

Instead, you can auto-populate form fields with query strings.

Re: Send event from hubspot to google analytics also set form field when google anlaytics cookie is

IsaacTakushi — Wed, 03 Jul 2019 01:33:54 GMT

Hi, @zohaib.

To clarify, this approach to populating a Google Analytics client ID — which you discuss with @WendyGoh in this thread — will work for a Marketing Basic, Professional, or Enterprise form, but not for a Marketing Free or Starter form.

Marketing Free and Starter forms are rendered in an iframe through js.hsforms.net/forms/shell.js instead of js.hsforms.net/forms/v2.js, so they cannot be manipulated with jQuery or styled with on-page CSS.

Re: Send event from hubspot to google analytics also set form field when google anlaytics cookie is

PierreDrouzine — Fri, 14 Feb 2020 16:00:03 GMT

Hi Isaac,

I am trying to track conversions on google analytics based on hubspot form submissions on our website . I used the script you suggested:

However, it doesn't seem to work. I have tried to use onFormReady instead of onFormSubmit, but doesn't work either. Any suggestions?

Also, is hyphen highlighted in red -> $('input[name="ga_client_id"]').val(ga-client_id).change(); supposed to be an underscore?

Thanks.

Re: Send event from hubspot to google analytics also set form field when google anlaytics cookie is

IsaacTakushi — Tue, 18 Feb 2020 13:11:11 GMT

Hi, @PierreDrouzine.

Yes, I mistyped the variable name as ga-client_id. It should be ga_client_id. I've corrected my previous post. Thanks for pointing that out.

Could you share an example page where you've implemented this script? Can you also confirm you're loading jQuery on the page?

Re: Send event from hubspot to google analytics also set form field when google anlaytics cookie is

ralphioooo — Tue, 15 Sep 2020 21:48:56 GMT

We have just created a HubSpot APP called Analytics Amplifier that helps you do this + push offline events to Google Analytics when they happen.

Check it out here:
https://ecosystem.hubspot.com/marketplace/apps/marketing/analytics-data/google-analytics-amplifier-222008

Re: Send event from hubspot to google analytics also set form field when google anlaytics cookie is

ralphioooo — Wed, 16 Sep 2020 03:14:14 GMT

We have just created a HubSpot APP called Analytics Amplifier that helps you do this + push offline events to Google Analytics when they happen.

Check it out here:
https://ecosystem.hubspot.com/marketplace/apps/marketing/analytics-data/google-analytics-amplifier-222008