Daisycon JS Tracking

Installation

Using yarn

yarn add @daisycon/tracking

Using npm

npm install @daisycon/tracking

Recommended usage (es6)

Storing incoming requests

Add the following piece of code to the root of your app so that it loads on every page and stores any received dci.

import {TrackingService} from '@daisycon/tracking';

new TrackingService()
	.storeData();

Registering sale/lead

To register a lead or sale, you can use any of the examples below.

• Replace the demo campaign ID (475) with your actual campaign ID provided to you by Daisycon
• Replace the segment (lt45.net) with the segment provided to you by Daisycon.
• Add your transaction ID and any other transaction data. (Check out the transaction model for what data you can provide)
• Add the transaction part. (Check out the part model for what data you can provide)

async await method

import {CurrencyEnum, Part, SuccessInterface, TrackingService, Transaction} from '@daisycon/tracking';
const campaignId: number = 475;
const segment: string = 'lt45.net';

const transaction: Transaction = new Transaction({
	campaignId: campaignId,
	transactionId: 'AB374782388282',
}).addPart(new Part({
	amount: 125,
	revenue: 250,
	currency: CurrencyEnum.EUR,
	externalDescription: 'Transaction for Campaign',
}));

try {
	const successResponse: SuccessInterface = await new TrackingService(segment)
		.registerTransaction(transaction);

	console.log('successResponse', successResponse);

} catch (errorResponse: any) {
	console.log('errorResponse', errorResponse);
}

Regular promise method

import {CurrencyEnum, Part, SuccessInterface, TrackingService, Transaction} from '@daisycon/tracking';
const campaignId: number = 475;
const segment: string = 'lt45.net';

const transaction: Transaction = new Transaction({
	campaignId: campaignId,
	transactionId: 'AB374782388282',
}).addPart(new Part({
	amount: 125,
	revenue: 250,
	currency: CurrencyEnum.EUR,
	externalDescription: 'Transaction for Campaign',
}));

new TrackingService(segment)
	.registerTransaction(transaction)
	.then((successResponse: SuccessInterface) => console.log('successResponse', successResponse))
	.catch((errorResponse: any) => console.log('errorResponse', errorResponse));

Alternate transaction definition

import {CurrencyEnum, Part, SuccessInterface, TrackingService, Transaction} from '@daisycon/tracking';
const campaignId: number = 475;
const segment: string = 'lt45.net';

const myData: any = {
	currencyCode: 'EUR',
	transactionId: '1234Acef',
	products: [
		{name: 'test', price: 25.01},
		{name: 'test 2', price: 2.95},
	]
};

const transaction: Transaction = new Transaction({
	campaignId: campaignId,
	transactionId: myData.transactionId,
	parts: myData.products.map((product: any) => {
		return new Part({
			amount: product.price,
			revenue: product.price,
			currency: <CurrencyEnum>myData.currencyCode,
			externalDescription: product.name,
		});
	})
});

new TrackingService(segment)
	.registerTransaction(transaction)
	.then((successResponse: SuccessInterface) => console.log('successResponse', successResponse))
	.catch((errorResponse: any) => console.log('errorResponse', errorResponse));

Alternate usage (commonjs)

Storing incoming requests

Add the following piece of code to the root of your app so that it loads on every page and stores any received dci.

const daisycon = require('@daisycon/tracking');

new daisycon.TrackingService()
	.storeData();

Registering sale/lead

async await method

const daisycon = require('@daisycon/tracking');
const campaignId: number = 475;
const segment: string = 'lt45.net';

const transaction: daisycon.Transaction = new daisycon.Transaction({
	campaignId: campaignId,
	transactionId: 'AB374782388282',
}).addPart(new daisycon.Part({
	amount: 125,
	revenue: 250,
	currency: daisycon.CurrencyEnum.EUR,
	externalDescription: 'Transaction for Campaign',
}));

try {
	const successResponse: SuccessInterface = await new daisycon.TrackingService(segment)
		.registerTransaction(transaction);

	console.log('successResponse', successResponse);

} catch (errorResponse: any) {
	console.log('errorResponse', errorResponse);
}

Alternate usage manual import

Storing incoming requests

Add the following piece of code to the root of your app so that it loads on every page and stores any received dci.

<script src="/path/to/build/daisycon-bundle.min.js"

new daisycon()
	.storeData();

Registering sale/lead

async await method

const campaignId: number = 475;
const segment: string = 'lt45.net';

try {
	const successResponse = await new daisycon(segment)
		.registerTransaction({
			campaignId: campaignId,
			transactionId: 'AB374782388282',
			parts: [{
				amount: 125,
				revenue: 250,
				currency: daisycon.CurrencyEnum.EUR,
				externalDescription: 'Transaction for Campaign',
			}]
		});

	console.log('successResponse', successResponse);

} catch (errorResponse) {
	console.log('errorResponse', errorResponse);
}