TagCommander (deprecated)
Community home
  • Overview
  • Getting started
    • Setup Guides
      • AMP
      • Android
      • Angular
      • AngularJS
      • Consent Management
      • IOT & TV Apps
      • iOS
      • React Native
      • React
      • Serverside
      • VueJS
      • Websites
  • User manual
    • Getting Started
    • Data layer and data types
      • External variables
      • Internal variables
      • Event variables
      • Data storage
    • Container elements
      • Container
      • Tags
      • Events
      • Rules
        • Basic actions
        • Triggers
        • Perimeters & constraints
      • Advanced
    • Deduplication
      • Setup guide
      • Setup example
      • Deduplication reports
    • TagPerformance
      • Setup guide
      • Report analysis
      • Troubleshooting
    • Serverside
      • Datalayer
      • Container
      • Hybrid setup
      • Monitoring interface
      • Consents
    • Serverside v2
      • Facebook conversion API
        • Facebook CAPI through GTM
        • Facebook CAPI through web container
      • Events reference
    • Phoenix
    • APIs
  • Tips & tricks
    • Best Practices
      • FAQ
      • Common Container Strategies
      • Common Data Layer Properties
      • Common Trigger Strategies
      • Performance Optimization
      • tC.* attributes and methods
    • Widgets and extensions
      • Bookmarklet
      • Elements duplication
      • Chrome extension
      • Connected users visualization
Powered by GitBook
On this page
  • Default triggers
  • Container loaded
  • DOM Ready
  • Click
  • Form submission
  • Scroll
  • Custom

Was this helpful?

Export as PDF
  1. User manual
  2. Container elements
  3. Rules

Triggers

PreviousBasic actionsNextPerimeters & constraints

Last updated 5 years ago

Was this helpful?

Default triggers

You can select a default trigger in the container options.

This means that each time you will add a tag to your container, the default trigger(s) will apply on this tag.

To select your default trigger(s), go in the container options (1), “advanced” part (2):

Container loaded

This trigger allows calling tags when the container is loaded on a page. It is the default trigger for all the tags you add to your container. This means that the tag will only be called when your JavaScript container loads on your site, but it will not be the case for other event types (such as a click, a page change within an “single page applications” environment, etc.). In order to trigger tags when a container loads on your page, all you need to do is selecting them from the list.

DOM Ready

This trigger allows calling tags when the page’s structure is built (on the “DOM Ready” event). To launch tags on this event, all you need to do is selecting them. They will be called on the DOM Ready event when the page loads.

Click

This trigger allows calling tags whenever elements of the page are clicked. Example: if you would like to call a tag when a user clicks a button (ex: “add to cart” button), select the desired tag(s) and enter the code allowing to target the button or the link on your page in the “CSS Selector” field.

Must know:

  • To retrieve the CSS selector, open your browser’s console and use its targeting tool (1) to target one of your page’s elements (2). Then right-click, the code appearing in your console (3), click “Copy” and “Copy selector” (4). All you have to do next is pasting this code in the interface.

  • You can enter many selectors in the interface; you will have to separate them with commas.

Form submission

This trigger allows calling tags when a user submits a form. Example: when they click the “submit” button or press the Enter key. To call a tag when a form is submitted, follow the same steps you followed to call a tag upon a click. Indicate your trigger’s name (ex: “account creation confirmation”), select the desired tag(s) and enter the code allowing targeting the form submission button on your page in the “CSS Selector” field.

Scroll

This trigger allows calling tags when a user scrolls the page vertically or horizontally. In order to execute a tag on scrolling, you will need to enter your trigger’s name (ex: “30% vertical scrolling”), select the desired tag(s), choose the scrolling type (horizontal/vertical) from the dropdown menu, the expected scrolling and measuring unit (page percentage or pixels).

Custom

This trigger allows calling tags whenever a TagCommander event function (tC.event.xxx) is identified on the page. If you wish to execute a tag on a custom eventm, please indicate your trigger’s name (ex: “add to cart click”), select the desired tag(s) and enter the implemented event function’s name (ex : “tC.event.add_to_cart”).