---
title: "Component Guide and Setup Steps Tag Integration"
slug: "integration-and-initial-setup"
updated: 2026-04-14T15:56:15Z
published: 2026-04-14T15:56:15Z
canonical: "docs.mapp.com/integration-and-initial-setup"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mapp.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Component Guide and Setup Steps Tag Integration

Tag Integration is built around four core components that work together to define how tracking is collected and executed on your website. This page explains each component and walks you through the recommended setup order.

[2024-11 TI Components](https://player.vimeo.com/video/1034192603?h=b1f2f19239&badge=0&autopause=0&player_id=0&app_id=58479)

---

## Parameters

Parameters define which data points are captured from your website and used for tracking and analytics. They map values from your data layer or URL to make them available within Tag Integration.

### Purpose

- Use data layer values for tracking.
- Customize tracking based on your requirements.
- Capture dynamic data such as user interactions, products, or session information.

### Parameter Types

- **JavaScript variable** – Reads values directly from the data layer or JavaScript variables.
- **URL parameter** – Extracts values from URL parameters, for example campaign information.
- **Mobile parameter** – Used for parameters collected in mobile tracking environments.

For step-by-step instructions, see [Create a Parameter](/v1/docs/create-parameter-tag-integration).

---

## Rules

Rules define the conditions under which plugins or tracking actions are executed. They help you control when tracking runs based on parameters, URLs, or events. Use rules to restrict tracking to specific situations, such as selected pages, user interactions, or custom-defined conditions.

### Types of Conditions

- **Parameter** – Evaluates a configured parameter value.
- **URL** – Evaluates the page URL or URL patterns.
- **Event** – Evaluates user interactions or custom events.

### Example: Event-based Rule

You want to track when a user clicks an "Add to Basket" button without reloading the page.

- **Event type:** Click
- **Element:** Button identified by an ID or class
- **Result:** The interaction is tracked when the button is clicked

For step-by-step instructions, see [Create a Rule](/v1/docs/create-rule-tag-integration).

---

## Containers

Containers are the foundation of Tag Integration. They organize and manage the deployment of tracking components such as plugins, parameters, and rules. Each container acts as a self-contained environment that defines how tracking is applied to specific domains or environments.

### Use Cases

- **Production environments** – Live websites used by end users.
- **Test environments** – Staging or QA systems.
- **Multiple domains** – Different websites or regions with specific configurations.

### Static Mode

In Static Mode, parameter values must be provided via the data layer or HTML. Dynamic JavaScript functions are not supported, except for basic access methods such as `wts.get()`.

For step-by-step instructions, see [New Container](/v1/docs/new-container-tag-integration).

---

## Plugins

Plugins extend the tracking functionality of Tag Integration. They define what data is collected and how tracking is executed. Different types of plugins are available depending on your tracking setup.

### Tracking Plugins

Tracking plugins provide the foundation for data collection on your website.

- **SmartPixel** – Recommended for modern tracking setups. [See more](/v1/docs/tracking-plugins-smart-pixel)
- **Tracking Pixel V4/5** – Legacy tracking solutions. [See more](/v1/docs/configuration-mapp-intelligence-plugin)

### Smart Pixel Snippets

Snippets extend SmartPixel functionality by allowing additional tracking logic to be configured directly within the SmartPixel setup.

### Custom Plugins

Custom plugins allow you to implement custom tracking logic using your own code. They can be used to collect additional data or implement specific tracking requirements. For step-by-step instructions, see [Create a Custom Plugin](/v1/docs/create-custom-plugin-tag-integration).

---

## Setup Order

To ensure a smooth integration, follow the steps below in the given order.

1. **Integrate the Tag Integration Script** Set up the foundational script required for all subsequent configurations. [Tag Integration Script](/v1/docs/integration-tracking-pixel)
2. **Set Up Parameters** Define the parameters that will govern tracking and data collection. [Parameters Overview](/v1/docs/parameters-overview) · [Create a Parameter](/v1/docs/create-parameter-tag-integration)
3. **Set Up Rules** Configure rules to determine when and where tracking should occur. [Rules Overview](/v1/docs/rules-overview) · [Create a Rule](/v1/docs/create-rule-tag-integration)
4. **Set Up Containers** Create containers to organize and manage your tracking configurations. [Container Overview](/v1/docs/container-overview) · [New Container](/v1/docs/new-container-tag-integration)
5. **Add Plugins to the Container** Assign plugins like the Smart Pixel or Tracking Pixel V4/5 to the container for tracking. [Custom Plugins Overview](/v1/docs/custom-plugins-overview) · [Create a Custom Plugin](/v1/docs/create-custom-plugin-tag-integration)