Отслеживание событий в iframe

Что еще за iframe и что там отслеживать?

Что такое iframe, как его отслеживать и зачем это нужно

Для начала узнаем определение. iframe (айфрЕйм, или сокращенно фрейм) — окно или элемент на странице, который подгружается из внешнего источника. Также при создании фрейма на странице сайта не забывайте о том, что их не поддерживают старые версии браузеров.

Где обычно применяют фреймы?

  1. Для подгрузки медиаконтента (видео, презентации и.т.д)
  2. Для вызова чатов поддержки
  3. Для встраивания на сайт приложений(карты, форма оплаты)

Взаимодействие с такими окнами или элементами не удается отследить обычной Метрикой или Google Tag Manager. Поэтому не удивляйтесь, если при отправке формы с фрейма, настроенное событие не сработает... 

Узнайте, как настроить отслеживание событий для формы заказа в iframe (иногда говорят "во фреймах").

Всплывающее окно в форме iframe

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

А если это страница, то на ней можно установить счетчики, чтобы они, как и на других страницах, инициализировали GTM или Метрику при загрузке. Тогда идентификаторы обретут место назначения и в случае срабатывания событий вы узнаете о них по исполнению цели в Метрике. 

Итак, в такое неотслеживаемое окно установите GTM, а в него поставить Метрику, Аналитикс и т.д.

GTM в iframe работает! А это значит, что и цель теперь будет передаваться.

Неожиданно, правда? Но как показывает скрипт выше всё работает. Мы рекомендуем использовать фреймы, либо только для отображения своего же контента, который другими способами не показать (например презентации). Либо встраивать фреймы себе на сайт только с проверенных ресурсов и источников.