Я использую amp-analytics для отслеживания отправки данных в мою конечную точку. Как я могу отследить, какую кнопку или ссылку нажал пользователь? Я попытался добавить атрибут data-vars- * для отслеживаемых элементов, но получилось, что результат показывает только первый элемент, который я щелкнул правильно.
Например, у меня есть несколько элементов, которые могут иметь действие клика, для любого клика я хочу вызвать событие pageAction.
html:
<button class="trackedAction" data-vars-event-category="page button" data-vars-event-target="toggle article" data-vars-event-label="Show/Hide Article">a button</button>
<amp-carousel ...>
<amp-img ... class="trackedAction" data-vars-event-category="image" data-vars-event-target="./img-01" data-vars-event-label="ai-img-01"></amp-img>
<amp-img ... class="trackedAction" data-vars-event-category="image" data-vars-event-target="./img-02" data-vars-event-label="ai-img-02"></amp-img>
<amp-img ... class="trackedAction" data-vars-event-category="image" data-vars-event-target="./img-03" data-vars-event-label="ai-img-03"></amp-img>
</amp-carousel>
<form ...
data-vars-event-target="https://ampbyexample.com/components/amp-form/submit-form-input-text-xhr">
<input ...
class="trackedAction" data-vars-event-category="input" data-vars-event-target="input" data-vars-event-label="form input">
<input ...
class="trackedAction" data-vars-event-category="input" data-vars-event-target="input" data-vars-event-label="form input">
<input ... class="trackedAction" data-vars-event-category="submit" data-vars-event-target="submit" data-vars-event-label="form submit">
</form>
Как указано в коде, у меня есть несколько элементов, сгруппированных в классе "trackedAction", но когда я запускаю событие с помощью click, результат показывает только информацию первого элемента. Например. Если я сначала нажму img-01, все остальные элементы будут иметь ту же категорию событий, цель события, метку события, что и img-01.
ампер-аналитика:
<amp-analytics config="...">
<script type="application/json">
{
...
"triggers": {
"trackPageAction": {
"on": "click",
"selector": ".trackedAction",
"request": "event"
}
}
}
</script>
</amp-analytics>
Есть идеи, почему это происходит? Большое спасибо.