How to Integrate Google Client ID with a HubSpot Form

Integrating Google Client ID with a HubSpot form can be a complex task, especially if you are not a developer. However, with the right guidance and collaboration with a developer, you can achieve this integration successfully. Below is a step-by-step guide detailing how to perform this integration:


Steps for Integration

  1. Create a Hidden Field in HubSpot Form
    • Start by creating a hidden field in your HubSpot form. Name this field “google_client_id.” This field will be used to store the Google Client ID.
  2. Implement the Script on Your Website
    • Have a developer implement the following script on your website. It is crucial to review and verify the script with your IT team before implementation to ensure it is correctly set up and secure.

Script for Integration

window.addEventListener('load', function (event) {
function getClientId() {
try {
} catch (e) {
return false;
try {
var forms = document.querySelectorAll('form');
forms.forEach(function (frm) {
var el = frm.querySelector('input[name="google_client_id"]');
if (el) {
frm.addEventListener('submit', function () {
var ev = new Event('input', {
bubbles: true,
cancelable: true,
if (el) {
el.value = getClientId();
} catch(e) { console.error(e); }

Try today

Access all your data from your favorite sources in one place.
Get started for free with a 30 - day trial.

Start Free Trial

Read Also:
HubSpot PostgreSQL Integration
Connect HubSpot to Power BI in Minutes
HubSpot to Google Sheets Integration