# Appending UTMs to the buttons using class name attributes (Selectively) with HandL UTM Grabber

## UTM attribution overview

This guide explains Appending UTMs to the buttons using class name attributes (Selectively) with HandL UTM Grabber. It helps you capture UTM source, medium, campaign, term, content, click IDs, referrer, and landing page data and keep the marketing context needed for accurate reporting across forms, bookings, signups, and sales.

If you have a button or link that you would like to append all the collected UTMs to. Use the class variable `utm-out` as it is shown below. 

This technique is extremely useful if you are sending out traffic (ouf of your domain). Or you want to specifically append UTMs to some links. 

```
<a href="https://www.someoutgoinglink.com/" class="utm-out">
```

HandL UTM Grabber automatically scan all the links and buttons having `utm-out` class and append all the UTMs automatically so your final URL will be like this.

```
<a href="https://www.someoutgoinglink.com/?utm_source=google&utm_medium=cpc&utm_campaign=spring_sale&utm_term=term&utm_content=content" class="utm-out">
```

`utm-out` also works if it is at the parent level. For example

```
<div class="parent-div utm-out">
	<a href="https://www.someoutgoinglink.com/">
</div>
```

This will also populate all the UTMs like this

```
<div class="parent-div utm-out">
	<a href="https://www.someoutgoinglink.com/?utm_source=google&utm_medium=cpc&utm_campaign=spring_sale&utm_term=term&utm_content=content">
</div>
```

<center> <iframe width="660" height="415" src="https://www.youtube.com/embed/OdRkrR1qM4Q" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>