This article is for the Legacy version of Appointlet. Click here to browse the knowledge base on the most recent app version.
If you'd like to capture some UTM parameters alongside your bookings, perhaps to track the effectiveness of an advertising campaign, you can easily do this using a few techniques.
The following parameters are supported; keep in mind that you don't need to use them all, just the ones you'd like:
utm_source
utm_medium
utm_campaign
utm_content
utm_term
Capturing UTM Parameters with a Link
This is the easiest technique and is perfect for email campaigns or if you're directly linking to your booking page from an advertising campaign. Here is an example:
https://my-company.appointlet.com/
?utm_source=SOURCE
&utm_medium=MEDIUM
&utm_campaign=CAMPAIGN
&utm_content=CONTENT
&utm_term=TERM
Now when the user books, the UTM data will be stored alongside the booking.
Capturing UTM Parameters with the Website Integration
If you're using the website integration code snippet, here's how you can add UTM parameters to the booking widget:
<!-- Appointlet Script -->
<script src="https://d35xd5ovpwtfyi.cloudfront.net/loader/loader.min.js" async defer></script>
<!-- "Book Now" Button -->
<img
src="https://d35xd5ovpwtfyi.cloudfront.net/loader/buttons/008DBD.png"
data-appointlet-organization="..."
data-appointlet-query-utm_source="SOURCE"
data-appointlet-query-utm_medium="MEDIUM"
data-appointlet-query-utm_campaign="CAMPAIGN"
data-appointlet-query-utm_content="CONTENT"
data-appointlet-query-utm_term="TERM">
Capturing UTM Parameters with the Javascript API
If you're using the Javascript API to open/close the booking widget, here's how you can add UTM parameters:
var widget = appointlet({
organization: "...",
query: {
utm_source: "SOURCE",
utm_medium: "MEDIUM",
utm_campaign: "CAMPAIGN",
utm_content: "CONTENT",
utm_term: "TERM",
}
});
Related Articles: