Introduction to Matomo Tracker

Matomo Tracker is an essential tool for website analytics, providing a range of features to track user behavior and optimize your digital strategy. This guide will dive deep into the APIs offered by Matomo Tracker and provide practical code snippets to help you leverage its power effectively.

Basic Usage

Here is the basic way to initialize and use Matomo Tracker:

  const tracker = new MatomoTracker({
    urlBase: 'https://your-matomo-domain.com/matomo.php',
    siteId: 1
  });

  tracker.trackPageView();

Track Events

Tracking specific user actions like button clicks or form submissions is easy with Matomo Tracker:

  tracker.trackEvent({
    category: 'Videos',
    action: 'Play',
    name: 'Video Title',
    value: '10'
  });

Track Custom Variables

You can track custom variables to collect more specific data:

  tracker.setCustomVariable(1, 'VisitorType', 'Customer', 'visit');

  tracker.trackPageView();

Track Ecommerce

Matomo Tracker also provides features to track ecommerce activities:

  tracker.addEcommerceItem('SKU123', 'Product Name', 'Category', 99.99, 1);

  tracker.trackEcommerceOrder('order123', 199.98);

Advanced Tracking

For advanced tracking, you can add custom dimensions:

  tracker.setCustomDimension(1, 'Value for dimension 1');

  tracker.trackPageView();

App Example

Here’s a simple example of a web app using Matomo Tracker:

  import MatomoTracker from 'matomo-tracker';

  const tracker = new MatomoTracker({
    urlBase: 'https://your-matomo-domain.com/matomo.php',
    siteId: 1
  });

  function trackPage() {
    tracker.trackPageView();
  }

  function trackButtonClick() {
    tracker.trackEvent({
      category: 'Button',
      action: 'Click',
      name: 'Subscribe Button'
    });
  }

  document.addEventListener('DOMContentLoaded', () => {
    trackPage();

    const button = document.getElementById('subscribe');
    button.addEventListener('click', trackButtonClick);
  });

Using Matomo Tracker, you can gain valuable insights into user behavior and improve your website’s performance. Don’t forget to check the official Matomo Tracker API documentation for more information.

Hash: be1ddff5af987fff94b3bc797223f06a7558dbf19982cf691a812ff6e54b9c2b