What is Trackingplan

Overview

The Trackingplan Way

Automonitoring

Events

Properties

User Attributes

Pages

Acquisition

Platform Metrics

Automated Alert System

Warnings & Updates

Pixel Monitoring

Privacy Monitoring

Naming Conventions Monitoring

Discover Releases

Data Validation

Digests

Getting Started

Installing Trackingplan

For Websites

Webhooks

For Apps

For ssGTM

Post-Install Warm-Up

Inside Trackingplan

Dashboard

Health Summary

Starred Items

Reports

Data Explorer

Tracks Explorer

Root Cause Analysis

Presence Map

Advanced Reports

Session Finder

Privacy Report

Change History

Settings & Members

Destinations

How to…

Manage Warnings

Mute Warnings

Debug Warnings

Attribution

Customize Warnings

Ensure Privacy

Privacy Report

Cookies & Consent

Consent Mode

Privacy by Design

Marketing Observability

Campaign Validation

Pixels Summary

Enhance Collaboration

Sharing

Notes & Labels

Personalized Digests

Extend detection

Installing Trackingplan for ssGTM

🛠

Before getting started with the installation, we recommend reaching out to our support team. This will help ensure everything is set up correctly from the start and help you avoid potential issues.

📌

To install it, you’ll need to:

Install Trackingplan’s Tag
Add a snippet of code for the third-party templates you want to monitor

When the Modified tag sends a request, it messages the Trackingplan Tag with a copy of the request, which then forwards it to the Trackingplan Server.

Watch this video for a step-by-step installation from scratch:

How to Install the Trackingplan Tag

The Trackingplan tag captures GA4 requests and collects messages from modified tags, sending all data to the Trackingplan server for monitoring.

You have 2 options: installing it from the Community Templates, or importing it manually using the .tpl file.

Manual Installation

Import the template into your SSGTM container

Download the template from Untitled
In your SSGTM container, go to Templates → New → Import from file

Select the downloaded template file
Save

Create a new tag using the template:

In your SSGTM container, go to Tags → New

Select the Trackingplan template

Add your Trackingplan ID

Set appropriate trigger rules (typically "All Events”, “All Pages")

Click Save
And don’t forget to publish your container

How to modify the tags you want to monitor

This step should be done on all the templates you want to monitor with Trackingplan.

Open the tag template (this works on any tag)

Add the Trackingplan Snippet to the top of the template (see code below)

Remove/Comment the original sendHttpRequest and sendHttpGet methods.

Enable the Send/Receive message permission

Save

And don’t forget to publish your changes

Trackingplan Snippet

/* Trackingplan snippet to be included in on top of templates to be monitored by Trackingplan */
const sendHttpRequest = (url, options, body) => {
    require('addEventCallback')(() => {
        require('sendMessage')('tp_request', { url: url, body: body });
    });
    return require('sendHttpRequest')(url, options, body);
};
const sendHttpGet = function (url, options) {
    require('addEventCallback')(() => {
        require('sendMessage')('tp_request', { url: url });
    });
    return require('sendHttpGet')(url, options);
};
/* End of Trackingplan snippet */

How to debug & verify everything is running properly

To ensure everything is running properly, make sure to see the following in your preview mode:

Each time a request is sent from one of your modified tags (1 in the image), there is one from Trackingplan happening in its payload (2 in the image).
For each Incoming Request (3 in the image), there is a matching Trackingplan request (4 in the image).

← Previous

For Apps

Post-Install Warm-Up