Событие Click Classes в Менеджере тегов Google не работает

Question

Я работаю со страницей, содержащей iFrame, используя систему, которая написана инопланетянами.Система была написана много лет назад в dotNet framework.

Я пытаюсь отследить событие щелчка по тегу, но я заметил, что при нажатии на элемент в iFrame консоль показывает 2 элемента, по которым щелкаюти Tag Manager показывает 2 события клика.Первый элемент, показанный в результате щелчка, - это элемент, скрытый в верхней части страницы, второй элемент - это элемент, который я щелкнул.

HTML:

<input type="button" name="BOOK NOW" value="Book Now" class="platinum-book-button btn btn-primary">

In Tag Manager Я настроил триггер следующим образом:

Trigger Type: Click All Elements
Trigger Fires: Some Clicks
Condition: Click Classes - matches CSS Selector - .platinum-book-button .btn .btn-primary

Затем я добавляю в консоль (как `CTRL - клик не останавливает изменение страницы):

document.addEventListener('click', function (event) { 
    event.preventDefault(); 
    console.log(event.target); 
}, false);

и консольпоказывает:

<input type="submit" name="ctl00$plcBody$BookingFormGrid$ctl04" value="BOOK NOW" onclick="$('form').attr('action', 'DetailsEntry.aspx?bfid=126b48d6-e3b9-4e57-8be6-067da3425467&amp;bfpid=c125f99a-093c-402a-8855-436e7d233d74&amp;bfrtid=bf8acbd4-78a1-4391-9972-3366c5405ce3&amp;arr=2019-07-07&amp;nts=5&amp;a=1&amp;c=0');WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$plcBody$BookingFormGrid$ctl04&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" class="btn btn-primary bnow">

<input type="button" name="BOOK NOW" value="Book Now" class="platinum-book-button btn btn-primary">

Первый элемент скрыт вверху страницы, а не тот элемент, на который я нажал.Триггер не срабатывает, так как условие классов кликов не выполняется.

Что я пропустил?

Answer 1

В итоге я использовал

Trigger Type: Click All Elements
Trigger Fires: Some Clicks
Condition: Click Element - matches CSS Selector - [name="BOOK NOW"]