liferay
Настройте диспетчер тегов Google (GTM) в liferay
Поиск…
Вступление
Эта документация не относится к liferay, но может использоваться со ссылкой на любое веб-приложение.
По умолчанию Liferay предоставляет Google Analytics (называемый GA), после настройки Analytics id GA - ##### в настройках сайта. Но это обеспечивает ограниченную функциональность, позволяя отслеживать просмотры страниц (название страницы и URL). расширьте его, мы можем либо встроить сценарий GA непосредственно на тему сайта, чтобы инициировать необходимые события, либо использовать GTM.
Использование GTM для настройки событий GA
GTM упрощает весь процесс управления тегами. В терминологии GTM
- Мы помещаем фрагмент javascript GTM на соответствующую страницу в portal_normal.vm в пользовательской теме в liferay, содержащий идентификатор GTM и структуру слоя данных (при необходимости) для сопоставления значений со страницы на переменные
- В соответствии с переменными уровня данных нам необходимо создать переменные на конце GTM, которые извлекают данные из уровня данных
- Впоследствии мы создаем теги, которые в основном представляют собой поля, которые сопоставляют переменные от уровня данных к событиям, которые запускаются при определенных условиях, что приводит к отправке событий в соответствующий инструмент отслеживания (в нашем случае - GA).
Ниже приведен образец фрагмента javascript GTM, встроенного на страницу,
<body>
<!-- 1) Data layer section -->
<script type="text/javascript">
dataLayer = [{
"page" : "<? Virtual path of the page ?>"
,"pageType" : "<? Page type ?>"
,"user" : {
"type" : "<? User type ?>"
,"userId" : "<? Logged user id ?>"
,"country" : "<? Logged user country ?>"
,"userRole" : "<? Role of user ?>"
}
}];
</script>
<!-- 2) GTM Container -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-PK9HK8"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','<GTM-ID>');</script>
<!-- End Google Tag Manager -->
Опубликовать, включая этот скрипт на странице, нам нужно настроить соответствующие переменные и теги с конца GTM.
Сообщение, которое мы настроили обязательные поля, мы можем просматривать события на консоли GA при представлении пользователя.
Чтобы просмотреть данные, отправленные с портала в GA, мы можем использовать плагин Google Debugger для просмотра событий, отправляемых в GA через консоль браузера.