Skip to main content
Adding a GTM Event on Click addon
Diego Muralles avatar
Written by Diego Muralles
Updated over a week ago

The Google Tag Manager (GTM) Event on Click addon is designed to seamlessly integrate event-tracking functionality into your webpage. This addon enables you to monitor and analyze user interactions with precision and ease. Your data is then transmitted to GTM for analysis and insights into user behavior.

πŸ‘πŸ½ Adding a GTM Event on Click addon

From The Top Menu

  • Select the element you'll attach the addon to

  • In the top menu, click on Attach addon to element

  • Search for and select GTM Event on Click

The settings panel will automatically open so you can customize it.

By right-clicking

  • Right-click the element you want to attach the addon to

  • Select Addons

  • Click Add new

  • Search for and select GTM Event on Click

From the Addon tab

  • Click the element you want to attach the addon to

  • Click Addon (next to Style) in the right-side panel

  • Select an addon

  • Click Apply addon

Tip: Be aware that you are reliant to add the Google Tag Manager plugin for the data to be registered. The data will be sent to the Container ID you enter under the Google Tag Manager plugin settings.

βš™οΈ Configuration options

Parameter

Description

Use event raw data

Toggle to be able to add raw event data (variables and values)

Event type

Write the even type (available when User raw event data is off)

Variable

Add your variable

Value

Add your value

Shared Presets

You can save the settings of an addon and reuse them as many times as needed in your project, follow the steps below to learn how to save them.

  • Select the element the addon is attached to

  • Click the mouse icon next to the element in the layers panel

  • Configure the addon

  • Click on the + icon at the top of the panel

  • Write the shared style name

  • Click on the checkmark to save

Click the No shared addon preset dropdown every time you want to reuse your preset, the name you gave it to it will appear in the list.

Tip: Shared presets will only be available for the specific addon you are working with.

Copy-pasting an addon

You can also copy and paste an addon from one element to another but unlike Shared Presets the settings aren't saved and you'll have to copy the addon from the element it's attached to every time you want to reuse it.

Follow the steps below to learn how to do this.

  • Select the element the addon is attached to

  • Click the mouse icon next to the element in the layers panel

  • Click on the copy-paste icon at the top of the panel

  • Close the settings panel and select the element into which you want to paste the addon.

  • Click the copy-paste icon at the top bar

The addon will be added to the element.

Removing an GTM Event on Click addon

  • Select the element the addon is attached to

  • Click on the mouse icon next to the element in the layers panel

  • In the settings panel, click on the trash icon in the top right corner

The addon has been removed from the element.

Did this answer your question?