Create a custom HTML tag
Posted: Thu Feb 13, 2025 10:49 am
Page View Trigger: Defines the conditions that will fire your custom HTML tag.
Custom Event Trigger: Defines the conditions that will fire your event.
Variable
First-party cookie variable: This will define a value that a trigger needs to check to see if your custom HTML tag should fire or not.
Now, let's go through the steps to set it up in GTM.
First, we'll need to create a custom HTML tag canada number data will contain the cookie script. This time, I've added the CSS selector below:
#conten ype-post.status-publish.format-standard. -meta > span > span.author.vcard > a
This matches authors on Distilled's blog pages, so you'll want to add your own unique selector.
Go to Tags > New > Custom HTML Tag > and paste the script into the Custom HTML Tag box.
You'll want to make sure your tag name is descriptive and intuitive. Google recommends the following tag naming convention: Tag Type - Description - Location. This will allow you to easily identify and organize related tags from the Overview Tag interface. You can also create separate folders for different projects to keep things more organized.
Custom Event Trigger: Defines the conditions that will fire your event.
Variable
First-party cookie variable: This will define a value that a trigger needs to check to see if your custom HTML tag should fire or not.
Now, let's go through the steps to set it up in GTM.
First, we'll need to create a custom HTML tag canada number data will contain the cookie script. This time, I've added the CSS selector below:
#conten ype-post.status-publish.format-standard. -meta > span > span.author.vcard > a
This matches authors on Distilled's blog pages, so you'll want to add your own unique selector.
Go to Tags > New > Custom HTML Tag > and paste the script into the Custom HTML Tag box.
You'll want to make sure your tag name is descriptive and intuitive. Google recommends the following tag naming convention: Tag Type - Description - Location. This will allow you to easily identify and organize related tags from the Overview Tag interface. You can also create separate folders for different projects to keep things more organized.