Google Tag Manager is a powerful tool that allows you to manage and deploy various marketing tags on your website without having to manually edit your site’s code. In this tutorial, we will learn how to use Google Tag Manager in Webflow, a popular web design and development platform.
Step 1: Sign up for Google Tag Manager
To get started, you’ll first need to sign up for a Google Tag Manager account. Visit the Google Tag Manager website and click on the “Sign Up” button. Follow the prompts to create your account.
Step 2: Create a new container
After signing up, you’ll be taken to the Google Tag Manager dashboard. Click on the “New Container” button to create a new container for your Webflow site.
Enter a name for your container and select the appropriate Target platform (Web). Click “Create” to proceed.
Step 3: Install Google Tag Manager in Webflow
Now, we need to install the Google Tag Manager code snippet into our Webflow site. Copy the provided code snippet from the Google Tag Manager dashboard.
In your Webflow project, navigate to the Project Settings by clicking on the gear icon in the left sidebar. Go to the “Custom Code” tab and paste the copied code snippet into the “Head Code” section. Save your changes.
Important note: Make sure you publish your changes for them to take effect on your live site.
Setting up Tags in Google Tag Manager
Once you’ve installed Google Tag Manager on your Webflow site, it’s time to set up tags that will be deployed using this tool.
Step 4: Create a new tag
In the Google Tag Manager dashboard, click on “Tags” in the left sidebar and then click on “New”. Give your tag a descriptive name and select the desired tag type from the available options. For example, you might want to track pageviews using the Google Analytics tag.
Step 5: Configure your tag
After creating a new tag, you’ll need to configure its settings. This typically involves providing specific details related to the chosen tag type. For example, if you’re setting up a Google Analytics tag, you’ll need to enter your tracking ID.
Step 6: Define trigger conditions
Once you’ve configured your tag, you’ll need to define when and where it should be triggered. Triggers determine which pages or events should activate your tag. For example, you might want to fire the Google Analytics tag on all pages of your Webflow site.
Publishing Changes
After setting up tags and triggers in Google Tag Manager, we need to publish our changes for them to take effect on our Webflow site.
Step 7: Submit changes for review
In the Google Tag Manager dashboard, click on “Submit” in the upper-right corner. This will initiate a review process before your changes can go live.
Step 8: Publish your container
Once your changes are approved, click on “Publish” in the upper-right corner of the Google Tag Manager dashboard. This will make your tags and triggers active on your Webflow site.
- Tips:
- If you make future changes or additions to your tags in Google Tag Manager, remember to submit them for review and publish again.
- You can preview how tags are firing on specific pages by using the “Preview” mode in Google Tag Manager.
Conclusion
Using Google Tag Manager in Webflow can greatly simplify the process of managing and deploying marketing tags on your website. By following the steps outlined in this tutorial, you should now have a good understanding of how to use Google Tag Manager in Webflow and take advantage of its powerful features.
Remember to review and publish your changes to ensure they are live on your site. Happy tracking!