Google Tag Manager

If your site already uses Google Tag Manager (GTM), you can deploy EngageTrack without touching your site's source code.

1. Create a Custom HTML Tag

1. Open your GTM container and go to Tags → New.
2. Name the tag EngageTrack Analytics.
3. Click Tag Configuration and select Custom HTML.
4. Paste the following code:

<script>
	(function () {
		if (document.querySelector('script[src*="engagetrack"]')) return;
		var s = document.createElement("script");
		s.defer = true;
		s.dataset.siteId = "YOUR_SITE_ID";
		s.src = "https://cdn.engagetrack.net/sdk.js";
		document.head.appendChild(s);
	})();
</script>

2. Set the Trigger

1. Click Triggering and select All Pages.
2. This fires the tag on every page load, including both the initial load and subsequent navigations.

3. Save and Publish

1. Click Save on the tag.
2. Use GTM's Preview mode to verify the tag fires correctly.
3. Once verified, click Submit to publish the container.

Goal Tracking via GTM DataLayer

You can fire EngageTrack goals based on GTM dataLayer events. For example, if your site pushes events to the dataLayer:

// Your application code
dataLayer.push({
	event: "form_submitted",
	formName: "contact",
});

Create a second Custom HTML tag in GTM to forward these events to EngageTrack:

Step 1: Create a DataLayer Variable

1. Go to Variables → User-Defined Variables → New.
2. Choose Data Layer Variable.
3. Set the variable name to formName.
4. Name it DLV - formName and save.

Step 2: Create the Forwarding Tag

1. Create a new Custom HTML tag named EngageTrack - Form Goal.
2. Paste:

<script>
	if (window.engagetrack) {
		window.engagetrack("form-submitted", {
			form: "{{DLV - formName}}",
		});
	}
</script>

3. Set the trigger to a Custom Event with event name form_submitted.
4. Save and publish.

Track Revenue via DataLayer

If your e-commerce platform pushes purchase data to the dataLayer:

dataLayer.push({
	event: "purchase",
	transactionTotal: 99.99,
	transactionCurrency: "USD",
});

Create a Custom HTML tag to forward revenue:

<script>
	if (window.engagetrack && window.engagetrack.trackPurchase) {
		window.engagetrack.trackPurchase({
			revenue: {{DLV - transactionTotal}},
			currency: "{{DLV - transactionCurrency}}",
		});
	}
</script>

Set the trigger to a Custom Event with event name purchase.

Verify Installation

1. Open GTM Preview mode and load your website.
2. Confirm the EngageTrack Analytics tag fires on "Container Loaded".
3. Navigate between a few pages.
4. In the EngageTrack dashboard, go to the Realtime tab — your visits should appear within seconds.