Sample Example
Simple usage
Here is a simple usage for using the component:
Read more in User guide → Introduction
export const reportTrack = () => {
const reportAdapter = new ReportAdapter();
const adapterBuilder = createAdapterBuilder<
TrackContext<ReportTrackData>,
ReportEventData,
ReportAdapterOptions<TrackContext<ReportTrackData>, ReportEventData>
> (reportAdapter);
const adapter = adapterBuilder
.setup(() => {
return Promise.resolve({
name: 'setup',
timeStamp: Date.now(),
});
})
.before((ctx, eventType, eventData) => {
console.log('before', ctx, eventType, eventData);
})
.transform('addCart', (ctx, eventType, eventData) => {
return {
...eventData,
goodName: 'ac*' + eventData?.goodsName,
};
})
.transform('registry', (ctx, eventType, eventData) => {
return { ...eventData, userName: 'rg*' + eventData?.userName };
})
.after((ctx, eventType, reportData) => {
console.log('after', ctx, eventType, reportData);
})
.build();
const trackBuilder = createTrackBuilder<
TrackContext<ReportTrackData>,
ReportEventData
> ();
return trackBuilder
.init(() => {
return {
reportAdapter: adapter,
};
})
.before((ctx) => {
console.log('before track', ctx);
})
.after((ctx) => {
console.log('after track', ctx);
});
};
Congratulations!
That's all, now let's deep dive into the API.