Available on: Mini plan and above (previously: Starter plan and above)
Google Tag Manager terminology
Term | Description |
Tag | Code from external services like Google Analytics or Google Ads. Normally, you would embed this code directly into your site, but with GTM you can manage everything in one place. |
Trigger | Defines user actions such as clicks or page views. When the specified event occurs, the corresponding tag fires. |
Before you start
Before setting things up, please complete the following:
Setup steps
The screenshots were taken when this article was written and may differ from the current interface.
1. Create a GA4 configuration tag
※ This guide is based on the official Tag Manager Help.
Add a new tag. In Google Tag Manager, click [Tags] > [New].
Configure the tag.
Give the tag a name of your choice. In the [Tag Configuration] box, select [Google Tag] and enter your "G-" format ID as the Tag ID.
You can get the Tag ID from your GA4 admin screen. In [Admin], under "Data collection and modification", click [Data Streams]. Open the details, and you'll see the Measurement ID in the top right—copy it to use here.
Create a trigger.
Click [Triggering], and select the [Initialization - All Pages] trigger. Finally, click "Save" to save your tag settings.
※ For more about triggers, see the official article on page triggers.
Check that the tag works.
Click [Preview] to open Tag Assistant. Enter your site's URL.
If the tag fires correctly, it will appear under "Tags Fired".
2. Create a GA4 event tag
※ This guide is based on the official Tag Manager Help.
Add a new tag. In Google Tag Manager, click [Tags] > [New].
Configure the tag.
Give the tag a name of your choice. Then configure the following:For [Tag Type], choose [Google Analytics: GA4 Event].
For [Measurement ID], paste the same ID you got from the GA4 admin screen in step "2. Configure the tag" above.
For [Event Name], enter any event name you like.
Create a trigger.
You can set the conditions for when the event is sent.Click [Triggering], then click [+] in the top right. Give the trigger a name.
Configure the following:
Finally, click [Save] in the top right of the screen.
Set the trigger type to [Click > All Elements].
※ If the trigger doesn't fire correctly, try switching from "All Elements" to "Just Links" or "Clicks only" and try again.For where this trigger fires, choose [Some Clicks], then enter [Click Element] [matches CSS selector] [#cv-0001, #cv-0001 *]. (You can use any string in place of cv-0001.)
Check that the tag works.
Click [Preview] to open Tag Assistant. Enter the URL of your published site.
If the tag fires correctly, it will appear under "Tags Fired".
3. Publish your changes
Click the [Submit] button in the top right of the screen.
Enter a version name and publish.
4. Set up the ID in Studio.Design
In the Studio.Design editor, set an ID on the element you want to track click events on.
Select the box you want to add an ID to.
Open the [Settings] tab in the right panel. If the right panel is closed, open it first.
In the [ID] field, enter the same string you used in the GTM trigger to set the ID.
If you were editing a published site, update the site. Your changes won't go live until you do.
5. Verify it's working
Check that everything is working using the Realtime report in Google Analytics. On your published site, click the element you assigned the ID to, then check the report.
If it's not working as expected, please check the following first:
Have you published the new version in GTM?
Browser plugins you've installed may sometimes interfere. Try turning them off and trying again.
Did you update your site after setting the ID in Studio.Design?
Google Tag