Отправка события Google Analytics нажатием кнопки в Iframe - PullRequest
0 голосов
/ 14 мая 2019

Мы пытаемся отправить событие Google Analytics из формы бронирования, которая находится в Iframe при нажатии кнопки «Забронировать». Для этого нам нужно разобраться в нескольких проблемах.

  1. Как заставить сайт распознавать клики внутри фрейма
  2. Проверка элемента, на который нажали, - кнопка «Книга»
  3. Если это так, отправка события Analytics в GA

Мы уже попробовали несколько методов, найденных онлайн, в том числе:

Обнаружение клика в Iframe с использованием JavaScript

https://www.tutorialrepublic.com/faq/how-to-detect-click-inside-iframe-using-javascript.php

https://codecorner.galanter.net/2015/12/22/detect-iframe-click-from-parent-page/

Но, к сожалению, ни одно из этих решений не помогло нам.

Минимум, которого мы ожидаем от следующих решений, которые мы нашли в Интернете, заключается в том, что мы можем просто что-то регистрировать в консоли при нажатии на элемент в iframe, но ни одна из попыток ничего не зарегистрировала.

Если у кого-то есть представление о каком-либо из шагов, даже если сайт просто распознает щелчок, это будет оценено.

Спасибо

РЕДАКТИРОВАТЬ : Мы контролируем и можем изменять код, который вызывается в iframe

1 Ответ

0 голосов
/ 16 мая 2019

Что вам нужно сделать, это установить трекер аналитики на обоих веб-сайтах, на вашем и на iframe (при условии, что вы загружаете эту систему бронирования из другого места), кроме того, вы должны передать clientID, чтобы сохранить тот же сеанс и связанную информацию длято же свойство аналитики.

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'GA_MEASUREMENT_ID', {
    'linker': {
      'accept_incoming': true, // This is set to false to the one that will decorate
      'domains': ['example-1.com', 'example-2.com']

    }
  });

</script> 

Если по какой-то причине вы не хотите запускать просмотр страницы, а вместо этого только событие, добавьте в конфигурацию:

gtag('config', 'GA_MEASUREMENT_ID', { 'send_page_view': false });

Тогда вам нужнопросто отследить внутри фрейма свою форму.Если у вас нет такого уровня доступа, подключите событие onsubmit и при необходимости проверьте, пусто ли содержимое вашего текстового поля с помощью document.forms.

Вы можете отправлять события, просто позвонив по номеру:

gtag('event', <action>, {
  'event_category': <category>,
  'event_label': <label>,
  'value': <value>
});

Внутри onsubmit подтверждено.Вы также должны прочитать эту документацию , чтобы настроить фильтры в GA на тот случай, если вы захотите запустить просмотр страницы там.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...