Блог

достаточно просто, верно : )

-приложение react

-я использую import TagManager from "react-gtm-module";

в root.js

  useEffect(() => {
    TagManager.initialize({ gtmId: gtmKey });

    //..........
  },[]);
 

я показываю gtm.js запуск на вкладке «Сеть» в инструментах браузера, это должно означать, что я запускаю

теперь в моем компоненте пытаюсь получить доступ к уровню данных

 const GTMSearchEvent = (v) => {
  console.log(v);
  window.dataLayer = window.dataLayer || [];
  window.dataLayer.push({
    "event": "search",
    "searchQuery": v,
  });
};
 

мой параметр «v» регистрируется, поэтому функция запущена, просто на самом деле я не вижу никакого запуска события

кажется, я не могу найти ничего в GTM или GA, показывающего это событие.

как я могу завершить внедрение? просто хочу передать поисковые запросы в my analytics/tag mgr

Настройка слоев данных-это только половина дела. Вам нужно настроить свой контейнер GTM так, чтобы он «прослушивал» эти события и переменные.

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

Настройка нового триггера для отслеживания события уровня данных

После этого вы можете делать все, что захотите/что вам нужно сделать. Вот простой пример, если вы хотите записать это как событие (обратите внимание, имена произвольны, выберите что-то, что имеет для вас смысл, просто обратите внимание на имя переменной, которое я использовал для метки, вы можете использовать это в любом месте в GTM.