Как добавить event listener?

Question

[Влад]

Не разбираюсь в event listener, поэтому не уверен точно ли он решит мою проблему.

Есть событие, отправляемое в GA:
gtag('event', 'Название события', { 'event_category': "Лид", 'event_label': document.location.href });

Как мне добавить event listener при выполнении функции gtag, у которой параметр 'event' равен 'name1'?

В конечном итоге мне необходимо написать скрипт, который при выполении нужного мне gtag будет вызывать alert();

Comments

[Сергей Соколов]

тут нет параметра 'event'. Вы имеете в виду "название события" ?

[Влад]

Сергей Соколов, да, неправильно описал задачу

Answer 1

[Сергей Соколов]

Сам gtag не предусматривает, чтобы слушали события на нём. Поэтому надо прошерстить весь свой код и найти все вызовы gtag() с искомым событием. И там же дописать ваш alert()
Или сделать свою прослойку для аналитики. На странице вызывать вместо gtag() свою функцию, например, mytag() которая, в свою очередь, станет вызывать gtag() и может, другие скрипты аналитики.

Upd. в комментариях выяснилось, что ТС не может поменять вызовы к gtag() В таком случае остаётся заменить функцию gtag() на свою:

function gtag(){
  dataLayer.push(arguments); // это весь исходный её функционал

  if (arguments.length > 1
    && typeof arguments[0] === 'string'
    && arguments[0].toLowerString() === 'event'
    && typeof arguments[1] === 'string'
    && arguments[1] === 'name1'
  )
  {
    alert("Name 1!");
  }
}

Comments

[Влад]

речь идет о внешнем подключаемом скрипте, исходный код которого я не могу переписать(
жаль, понял

[Сергей Соколов]

Вариант перехватить вызовы к глобальной функкции gtag(), заменив её своей.
Сложность в том, что её определение подгружается через <script async ...> и нет возможности точно поймать момент загрузки и определения этой функции, придётся костылить.

[Сергей Соколов]

Вопрос: что вы можете переписать? HTML самой страницы можно?

[Влад]

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

/* original function */
function gtag() {
  console.log('args: ', arguments);
}

__gtag = gtag;

gtag = function() {
  if (arguments[0] === 'name1') {
    alert(42);
  }

  __gtag.apply(this, arguments);
}