Блог

Существует контактная форма, и при отправке она не перенаправляется на другую страницу, она действует на той же странице и выдает флэш-сообщение о том, что форум был отправлен.

  <span class="form-submitted">Thanks For Submttied</span>
  

form-submitted Класс является уникальным классом и отображается только при отправке формы.

Мне нужно отслеживать, когда этот элемент появляется на странице.

Как я могу отслеживать измерение?

Если я правильно понимаю, элемент отображается после отправки формы. Для этого в GTM есть «триггер видимости», который может запускать теги при изменении свойства отображения элемента или при его динамической вставке на страницу.

Перейдите в «Триггеры», создайте новый триггер, выберите «Видимость элемента» в качестве типа триггера, измените «Селектор элемента» с «id» на «CSS Selector» и введите класс вашего элемента.

Если ваш элемент вставляется динамически, а не становится видимым с помощью стилей CSS, вам нужно установить флажок «Наблюдать за изменениями DOM». Проверка изменений DOM — дорогостоящая операция, поэтому вы получите предупреждение о том, что это может повлиять на производительность (хотя, по моему опыту, это скорее теоретическая проблема).

Предостережение заключается в том, что элемент должен быть виден пользователю, то есть внутри области просмотра. Если он отображается за пределами области просмотра (например, в маленьком окне браузера), триггер не сработает.