order

If you do not have automatic page tracking enabled, invoke the track method after adding all relevant tracking information.

import { Component } from '@angular/core';
import { WebtrekkSmartPixelAngular } from '@webtrekk-smart-pixel/angular';

@Component({
    template: `<div>[ ... ]</div>`
})
export class ExampleComponent {
    constructor(private pixel: WebtrekkSmartPixelAngular) {
        this.pixel.order({
            value: 120.99,
            id: "M-12345",
            couponValue: 10.00,
            paymentMethod: "paypal",
            shippingService: "dhl",
            shippingSpeed: "express",
            shippingCosts: 4.95,
            grossMargin: 12.95,
            parameter: {5: "bill"}
        });
    }
}

Please add WebtrekkSmartPixelModule to your root NgModule and configure the options before using directives.

If you do not have automatic page tracking enabled, invoke the track method after adding all relevant tracking information.

import { Component } from '@angular/core';

@Component({
    template: `<div [wt-order-data]="webtrekkData"></div>`
})
export class ExampleComponent {
    webtrekkData = {
        value: 19.95,
        id: '123456789',
        currency: 'EUR',
        couponValue: 10,
        paymentMethod: '1',
        shippingService: '2',
        shippingSpeed: '3',
        shippingCosts: 2.75,
        grossMargin: 2.50,
        orderStatus: '5',
        parameter: {1: 'foo', 2: 'bar'}
    }
}