# Leadpages UTM Tracking Integration

Track UTM parameters and campaign attribution with Leadpages UTM Tracking Integration and HandL UTM Grabber on WordPress.

# Track UTMs on Leadpages

## UTM attribution overview

Leadpages UTM Tracking Integration only records UTMs that land on the checkout URL at purchase time. UTM Grabber keeps them in cookies on your site. This page explains how to pass that data through before the customer pays.

### What to expect

Leadpages landing URLs accept standard UTMs. Persist them with UTM Grabber on your WordPress site and pass through on outbound links.

### Steps

1. Track on WP with UTM Grabber
2. Append params to Leadpages links via utm-out
3. Add hidden fields on Leadpages forms matching handl\_utm keys

### Append UTMs with utm-out

```
<a href="https://your-checkout-url.example/product" class="utm-out">Buy now</a>
```

UTM Grabber rewrites the link with cookie values. Details: [utm-out class guide](https://docs.utmgrabber.com/books/102-getting-started-for-handl-utm-grabber-v3/page/appending-utms-to-the-buttons-using-class-name-attributes-selectively).

For webhook-based attribution after purchase, see [Send Leadpages UTMs via Webhook](https://docs.utmgrabber.com/books/leadpages-integration/page/end-eadpages-s-via-ebhook).

# Send Leadpages UTMs via Webhook

## UTM attribution overview

This walkthrough covers sending full UTM Grabber data from Leadpages UTM Tracking Integration to Zapier, Make, or your own webhook. Handy when you need gclid, fbclid, first-touch fields, or custom params alongside the lead or order.

Start with the [main Leadpages UTM Tracking Integration setup guide](https://docs.utmgrabber.com/books/leadpages-integration/page/rack-s-on-eadpages) if you have not wired hidden fields or checkout links yet.

### When a webhook makes sense

Native fields in Leadpages UTM Tracking Integration often stop at basic UTMs. A webhook lets you push everything UTM Grabber stores without trimming values or losing click IDs.

### Thank-you page script

Paste this on your confirmation page. Swap in your Zapier or Make hook URL.

```
<script>
var qvars = {};
window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m, key, value) {
    qvars[key] = decodeURIComponent(value.replace(/\+/g, ' '));
});
qvars = Object.assign({}, (typeof handl_utm !== 'undefined' ? handl_utm : {}), qvars);
setTimeout(function() {
    var data = new URLSearchParams(qvars).toString();
    var xmlHttp = new XMLHttpRequest();
    xmlHttp.open('GET', 'https://hooks.zapier.com/hooks/catch/YOUR_ID/YOUR_KEY/?' + data, true);
    xmlHttp.send(null);
}, 1000);
</script>
```

Full pattern explained in [Triggering Zapier on Thank you Page](https://docs.utmgrabber.com/books/zapier-integration/page/triggering-zapier-on-thank-you-page).

### Quick Zapier / Make checklist

1. Create a Catch Hook trigger and copy the URL
2. Run a test conversion with UTMs in the landing URL
3. Confirm gclid, utm\_source, and email (if present) show up in the payload
4. Map fields into your CRM or spreadsheet

Parameter reference: [Native WP Shortcodes](https://docs.utmgrabber.com/books/102-getting-started-for-handl-utm-grabber-v3/page/native-wp-shortcodes).

Make users: see [Make Integromat integration](https://docs.utmgrabber.com/books/integromat-integration).