Integrate Vemetric using Google Tag Manager

Create a new tag

Create a new tag in your Google Tag Manager container and select Custom HTML as the tag type.

Add the code snippet

Paste the following code snippet into the HTML input field:

<script>
  window.vmtrcq = window.vmtrcq || [];
  window.vmtrc = window.vmtrc || function (){window.vmtrcq.push(Array.prototype.slice.call(arguments))};

  var script = document.createElement('script');
  script.src = "https://cdn.vemetric.com/main.js";
  script.defer = true;
  script.id = 'vmtrc-scr';
  script.dataset.token = 'YOUR_PROJECT_TOKEN';
  document.getElementsByTagName('head')[0].appendChild(script);
</script>

Replace YOUR_PROJECT_TOKEN with the unique token for your project (found in the project settings).

Configure triggering

Configure the tag to fire on All Pages.

Verify installation

After saving and publishing your container in Google Tag Manager, Vemetric will automatically start tracking page views on your site (each page load will be recorded). You can verify this by checking your Vemetric dashboard for incoming pageview events a few seconds after loading a page

Keep in mind that one project can be used to track data from multiple websites, which can be useful when you for example want to track users across your landing page and web application. We’ve also created a guide on how to track data across subdomains.

Optional: Track custom events and identify logged-in users

You can either track custom events via data attributes on elements, or by interacting with the vemetric object on the window.

<button data-vmtrc="MyCustomEvent">Click me</button>

await window.vmtrc('trackEvent', 'MyCustomEvent', {
  eventData: { key: 'value' },
}

Also learn more about User Identification to track authenticated users and see their full journey.