Skip to content
Last updated: 2026-04-06
Reference

Creating Your First Application

An application in Dxtra Tag Manager represents a website or web application where you want to manage tags. Each application has its own tags, rules, environments, and analytics.

Create an Application

  1. Log in to the Dxtra Tag Manager dashboard
  2. Click Create Application
  3. Enter the application name and primary domain
  4. Save

After creation, the application includes a default environment ready for configuration.

Application Structure

Each application contains:

Text Only
Application
├── Tags
│   ├── Head Tags (load in <head>)
│   └── Placement Tags (load at specific page locations)
├── Global Triggers (reusable event/condition combinations)
├── Global Actions (reusable action groups)
├── Environments
│   ├── Development
│   ├── Staging
│   └── Production
└── Revisions (version-controlled configurations)

Set Up Your First Tag

Step 1: Create a Head Tag

  1. Go to your application's Tags section
  2. Click Create Tag
  3. Choose Head as the tag type
  4. Enter a name (e.g., "Analytics Setup")
  5. Save

Step 2: Add a Rule Group

  1. Open your new tag
  2. Click Add Rule Group
  3. Name it (e.g., "Page Tracking Rules")

Step 3: Create a Rule

  1. Inside the rule group, click Add Rule
  2. Name it (e.g., "Track All Page Views")

Step 4: Add an Event

  1. In the rule, click Add Event
  2. Select Page Loaded as the event type
  3. This fires when the page finishes loading

Step 5: Add an Action

  1. Click Add Action Group
  2. Inside the action group, click Add Action
  3. Select Track Event as the action type
  4. Configure the event name (e.g., "page_view")

This sends a page view event to the built-in analytics on every page load.

Add a Placement Tag

Placement tags display content at specific locations on your page.

Step 1: Create the Tag

  1. Click Create Tag
  2. Choose Placement as the tag type
  3. Enter a name and note the generated tag code

Step 2: Add the HTML Element

Add the placement element where you want the content to appear:

HTML
<div data-dxtra="true" data-code="YOUR_TAG_CODE"></div>

Step 3: Configure Rules

Add rules with events like Tag In View (fires when the placement is visible) or Tag Click (fires when the placement is clicked).

Configure Environments

Set Up Environment Variables

  1. Go to Environments in your application
  2. Select an environment (e.g., Production)
  3. Add variables that can be referenced in actions using the template syntax:
Text Only
{{Environment.VARIABLE_NAME}}

Common environment variables:

Variable Example Value Purpose
GA_TRACKING_ID G-XXXXXXXXXX Google Analytics measurement ID
FB_PIXEL_ID 123456789 Facebook Pixel ID
ANALYTICS_ENDPOINT Custom endpoint URL Custom analytics destination

Deploy to an Environment

  1. Go to your application's Revisions section
  2. Click Finalize on the current draft revision
  3. Click Deploy and select the target environment
  4. The configuration is now live for that environment

Install the Script

Add the Tag Manager script to your website. See Installation for platform-specific instructions.

HTML
<script src="https://tagmanager-edge.dxtra.ai/tm.js" async></script>

Verify Your Setup

  1. Add #dxtra-debug to your page URL
  2. Log in with your Dxtra account
  3. Check the debug overlay for:
    • Tag loaded status (green = active)
    • Rule evaluation results
    • Events firing as expected

Common Patterns

Third-Party Analytics (e.g., Google Analytics)

  1. Create a rule with Page Loaded event
  2. Add a condition checking consent: CMP.analytics equals true
  3. Add a Load JS action to load the GA4 script
  4. Add a Load JS Direct action to configure and send page views
  1. Create a rule with CMP Check event
  2. Add a condition: consent category marketing equals true
  3. Add a Fire Pixel action with the marketing pixel URL

A/B Testing

  1. Create a rule with Page Ready event
  2. Add two action groups with Session distribution
  3. Each action group loads a different version of content
  4. The visitor sees the same version for their entire session