Triggering Zapier/External API on Button Click - HandL UTM Grabber Guide

UTM attribution overview

This guide explains Triggering Zapier/External API on Button Click - HandL UTM Grabber Guide. It helps you send UTM and click ID data into automations, webhooks, reports, and connected tools and keep the marketing context needed for accurate reporting across forms, bookings, signups, and sales.

Simply add the following snippet to your webpage and bind it to a button click event.

The following script will capture data from HandL UTM grabber and trigger your webhook with all the gathered data when the button is clicked.

This is especially useful for sending data seamlessly when users engage by clicking a specific button on your page.

Don't forget to change the URL below with your own Webhook URL.

<script>
document.getElementById("your-button-id").addEventListener("click", function() {
    var data = HandL.getAll(); //this will have all the tracking data
    data.customParam1 = 'value1'; //add your own
    data.customParam2 = 'value2';
    
    var json = JSON.stringify(data);
    var xhr = new XMLHttpRequest();
    xhr.open("POST", 'https://your-url.com/endpoint', true);
    xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
    xhr.send(json);
});
</script>