# Brave Integration

HandL UTM Grabber / Tracker  
How to collect and track UTM variables via Brave Integration step by step

# Brave (widget) builder UTM capture Integration

#### Create the fields in Brave Form

As shown before. Field Name **MUST** match our parameter name. See our parameter name here [Native WP Shortcodes](https://docs.utmgrabber.com/books/102-getting-started-for-handl-utm-grabber-v3/page/native-wp-shortcodes)

[![](https://docs.utmgrabber.com/uploads/images/gallery/2022-05/scaled-1680-/image-1652235336553.png)](https://docs.utmgrabber.com/uploads/images/gallery/2022-05/image-1652235336553.png)

#### Add the following JS codes in your WP's footer

```
<script>
jQuery( document ).ready(function() {
	Object.entries(brave_popup_formData).forEach(entry => {
		var [k, v] = entry;
		var fields = JSON.parse(v.fields) 
		Object.entries(fields).forEach(entry2 => {
			var [k2, v2] = entry2;
			if (v2.uid && handl_utm_all_params.indexOf(v2.uid) > -1){
				jQuery('#brave_form_field'+k2).hide()
				jQuery('[name="'+k2+'"]').attr('value',Cookies.get(v2.uid))					
			}
		})
	})
})
</script>

```

# Pass UTMs to thank you page in Brave widget builder

If you are in V3, you should be able to pass any paramters using the shortcode.

Here we show it for utm\_campaign. This can be applied for any paramters listed here [Native WP Shortcodes](https://docs.utmgrabber.com/books/102-getting-started-for-handl-utm-grabber-v3/page/native-wp-shortcodes).

[![](https://docs.utmgrabber.com/uploads/images/gallery/2022-07/scaled-1680-/image-1657683068554.png)](https://docs.utmgrabber.com/uploads/images/gallery/2022-07/image-1657683068554.png)