# Matomo __homepage__: [matomo.org](https://matomo.org) __docs__: [developer.matomo.org](https://developer.matomo.org) __import__: `import { Angulartics2Matomo } from 'angulartics2';` ## Setup Add the standard matomo track code inside your index.html head tag: ```html ``` Make sure "trackPageView" line is commented or deleted. It is not needed as page tracking will be trigger by the angular module on route change. Replace YOUR-DOMAIN with your matomo domain (`//DOMAIN.innocraft.cloud` if you are using the innocraft cloud service). Pass the Matomo provider to angulartics in app.module: ```ts import { Angulartics2Module } from 'angulartics2'; import { Angulartics2Matomo } from 'angulartics2'; @NgModule({ imports: [ Angulartics2Module.forRoot(), ... ``` Inject angulartics into your root component (usually appComponent) ```ts import { Angulartics2Matomo } from 'angulartics2'; export class AppComponent { // inject Angulartics2Matomo in root component and initialize it constructor(private angulartics2Matomo: Angulartics2Matomo) { angulartics2Matomo.startTracking(); } } ``` Tracking Custom Variables ```ts angulartics2.setUserProperties.next({index: 1, name: 'John', value: 123, scope: 'visit'}); ``` Note: To track multiple custom variables, call setUserProperties multiple times Tracking Custom Dimensions ```ts angulartics2.setUserProperties.next({ dimension1: 'v1.2.3', dimension2: 'german', dimension43: 'green', }); ``` Note: Custom Variables and Custom Dimensions cannot be tracked in the same call, and requires separate setUserProperties calls To track full URLs if there is a hash (#), make sure to enable `settings=>websites=>settings=>page url fragments tracking` in the Matomo dashboard. Once set up, Angulartics [usage](https://github.com/angulartics/angulartics2#usage) is the same regardless of provider