Widgets Showcase

UTM Tracking

This page demonstrates how to use the UTM config to customise the data that is tracked when landing on a performance page. The optional config property 'utmCodes' is an object that contains the following optional properties: utmSource, utmMedium and utmCampaign. These properties can be either a string or a function that returns a string. The function property accepts a config parameter from which the 'eventName' and 'performanceId' can be used.

1<script src="https://calendar.finale-cdn.uk/latest/calendar.js" onload="
2    window.LTD.Calendar.init({
3        rootElementId: 'calendarWidget',
4        affiliateId: '00000000-0000-0000-0000-000000000000',
5        eventUrlId: 'the-lion-king-tickets',
6        performanceSelectionRedirectUrl: 'https://www.londontheatredirect.com',
7        isStickyMobileFooter: true
8        utmCodes: {
9            utmSource: 'widget_showcase',
10            utmMedium: 'calendar_widget',
11            utmCampaign: (c) => c.eventName,
12        }
13    });
14"></script>