Значение захвата из выпадающего списка с помощью gtag.js

Question

Глядя, чтобы захватить выбранный вход из выпадающего списка, используя gtag.js

<a href="#" 
onclick="gtag('event', 'click', {'event_category': 'Distance'});")
class="distance-toggler </a>
<div class="toggler-content" >
<input type="range" min="0" max="4" step="1" value="2" >
<div class="distance-labels" >
<div class="distance-label" id="distance-label-1">.5</div>
<div class="distance-label" id="distance-label-2">1</div>
<div class="distance-label" id="distance-label-3">2</div>
<div class="distance-label" id="distance-label-4">3</div>
<div class="distance-label" id="distance-label-5">5</div>

В данный момент я регистрирую событие щелчка, но мне бы хотелось получить пользовательское значение раскрывающегося списка (например, 1,2,3,4,5).

В связанной заметке я также собираюсь зафиксировать пользовательский адрес, введенный в текстовое поле

<input type="text" placeholder="Address" />

Answer 1

Вот как вы можете получить выбранное значение и передать его в GA.

<a href="#" 
onclick="gtag('event', 'click', {
    'event_category': 'Distance',
    'event_label': document.getElementById('distance-selector').value,
    'value': document.getElementById('distance-selector').value
});") class="distance-toggler>Test</a>

<input id="distance-selector" type="range" min="0" max="4" step="1" value="2" >