Using npm:

# for Angular v6 - v11
$ npm install --save @webtrekk-smart-pixel/angular@1

# for Angular v12+
$ npm install --save @webtrekk-smart-pixel/angular@2
BASH

WebtrekkSmartPixelModule

If you want to use directives or automatic page tracking, add WebtrekkSmartPixelModule to your root NgModule and configure the options.

ValueDescriptionData typeRequiredDefault value
trackId

Enter your Track ID here. It is under Mapp Q3 >Configuration > System Configuration > Data Collection.

If the request should be sent to several accounts, you can add multiple Track IDs separated by a comma.

StringX-
trackDomainEnter the domain to which the data should be sent. If you are using a Mapp Intelligence track domain, you will find it in the setup information sent to you via email.StringX-
activateAutoTrackingActivates the automatic page tracking.Boolean-true
activateActionsActivates the automatic event tracking.Boolean-false
activateTeaserActivates the teaser tracking extension.Boolean-false
activateProductListActivates the product list extension.Boolean-false
activateContentEngagementActivates the content engagement extension.Boolean-false
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { WebtrekkSmartPixelModule } from '@webtrekk-smart-pixel/angular';

@NgModule({
    declarations: [
        AppComponent
    ],
    imports: [
        BrowserModule,
        WebtrekkSmartPixelModule.forRoot({
            trackId: '111111111111111',
            trackDomain: 'analytics01.wt-eu02.net',
            activateAutoTracking: true,
            activateActions: false,
            activateTeaser: false,
            activateProductList: false,
            activateContentEngagement: false
        })
    ],
    providers: [],
    bootstrap: [AppComponent]
})
export class AppModule { }
JS