.png)
What is Google Tag Manager?
Google Tag Manager (GTM) makes managing and implementing marketing-related tags on a website easy without modifying the website's code.
Fully optimized websites will utilize various marketing tags to help track user actions and collect data.
Examples of tags that might be found in a Google Tag Manager account include:
- Google Analytics
- Google Ads
- Facebook/Meta Pixel
- LinkedIn Insight Tag
- Pinterest Tag
- Twitter Universal Web Tag
- Hotjar Tracking Code
- HubSpot/Salesforce
- Custom events and tracking
Adding a HubSpot Chatbot to Google Tag Manager
Integrating a HubSpot chatbot into a Webflow website through Google Tag Manager is an effective way to add this feature. The first step is to add your HubSpot chatbot to your Google Tag Manager account.
Here are the steps that will help you accomplish this task:
Step 1: Login or create a Google Tag Manager account
Step 2: Click "Add a new tag"
Step 3: Make sure to name your tag clearly. Then, you will select the section that says "Tag Configuration"
Step 4: In Tag Configuration, select the option that says "Custom HTML"
Step 5: Once you have set up your HubSpot Chatbot, the final section will provide you with a code snippet. Copy the code:
Step 6: Back in Google Tag Manager, you'll paste the code in the "HTML" section
Step 7: Once you have pasted the code, you will select Triggering > All Pages
Step 8: Once you've chosen your trigger, click "Save," and you're all set!
Adding Google Tag Manager to Webflow
The second step is to install your Google Tag Manager account on your Webflow website.
Here are the steps that will help you accomplish this task:
Step 1: Under Site Settings > Custom Code, you will see "Head Code" and "Footer Code."
Step 2: Paste the Google Tag Manager <head> code at the top of the "Head Code" section
Step 3: Paste the Google Tag Manager <body> code in the "Footer Code" section
Step 4: Click "Save" on both sections in Webflow
Step 5: Select "Publish," and you're all set!
.png)
