cawa-93/0. Click Button variables for Google Tag Manager.md

## 0. Click Button variables for Google Tag Manager.md

      
    Raw
  

              0. Click Button variables for Google Tag Manager.md
            
          
    Click Button variables for Google Tag Manager

List of javascript variables for Google Tag Manager. Each variable is an analogue of the corresponding built-in variable from the "Clicks" category. However, it applies only to buttons, regardless of the level of nesting.
Using these variables, you can work with buttons as easily as you can with links.
Examples

Normally, it completely repeats the behavior of built-in variables
<button> <-- {{Click Element}} and {{Click Button Element}}
  Some text
</button>
But in the case of nested variables, the result always points to the nearest button, regardless of the nesting level of the {{Click Element}}.
<button> <-- {{Click Button Element}}
  <span>Some text</span>  <-- {{Click Element}}
</button>
<button> <-- {{Click Button Element}}
  <span>
    <i class="icon"></i>   <-- {{Click Element}}
    <span>Some text</span>
  </span>
</button>
How Use


Enable build-in {{Click Element}} variable.
Create Custom JavaScript variable.
Copy one of the codes below according to your needs and paste it into the body of the Custom JavaScript variable.


## Click Button Classes .js
function () {
  return {{Click Element}}.closest('button').className
}

## Click Button Element .js
function () {
  return {{Click Element}}.closest('button') || undefined
}

## Click Button ID .js
function () {
  return {{Click Element}}.closest('button').id
}

## Click Button Name .js
function () {
  return {{Click Element}}.closest('button').name
}

## Click Button Text .js
function () {
  return {{Click Element}}.closest('button').innerText
}

## Click Button Type .js
function () {
  return {{Click Element}}.closest('button').type
}

## Click Button Value .js
function () {
  return {{Click Element}}.closest('button').value
}
	function () {
	return {{Click Element}}.closest('button').className
	}