Как отследить отправку формы в диспетчере тегов, если она имеет тот же класс div, что и сообщение об ошибке?

#google-tag-manager

Вопрос:

Я создавал тег видимости элемента, чтобы отслеживать, когда в моей форме отображается сообщение «Спасибо». Обычно я использую селектор CSS. Однако селектор CSS одинаков как для сообщения об ошибке, так и для сообщения об успешном выполнении.

Ошибка:

 lt;div class="wpcf7-response-output" aria-hidden="true"gt;One or more fields have an error. Please check and try again.lt;/divgt;  

Успех:

 lt;div class="wpcf7-response-output" aria-hidden="true"gt;Thank you for your message. It has been sent.lt;/divgt;  

Комментарии:

1. Вы должны использовать контекст. Родительские элементы. Покажите нам больше HTML. Например, весь контекст обоих сообщений, если вам нужен фактический селектор CSS, который отличал бы их от нас.

Ответ №1:

В триггере видимости встроенная {{Click Text}} переменная принимает значение свойства innerText выбранного элемента.

Поэтому , если вы выберете элемент через css selector equals .wpcf7-response-output , вы можете применить фильтр Click Text starts with Thank you для распознавания сообщения об успешном выполнении.

Не самое надежное решение, и оно требует дополнительных действий на многоязычных страницах, но если вы не слишком часто меняете текст своего сообщения об успехе, оно должно сработать.