Вставка кода Google Tag Manager в XSLT-шаблоны — различия между версиями
Материал из Umicms
Whoa (обсуждение | вклад) |
Whoa (обсуждение | вклад) |
||
Строка 11: | Строка 11: | ||
Вместо GTM-XXXXX используйте свой идентификатор. | Вместо GTM-XXXXX используйте свой идентификатор. | ||
− | 1. Вставьте | + | 1. Вставьте следующий фрагмент в раздел <b><head></b> кода страницы как можно ближе к началу: |
<source lang="javascript"> | <source lang="javascript"> | ||
Строка 31: | Строка 31: | ||
</source> | </source> | ||
− | 2. | + | 2. Непосредственно перед закрывающим тегом <b><body></b> добавьте следующий фрагмент: |
<source lang="html"> | <source lang="html"> |
Версия 11:38, 26 июля 2018
Актуально для версии 18.
В этой статье мы рассмотрим добавление кода Google Tag Manager в xslt-шаблоны системы.
Если пользоваться официальной инструкцией, то сайт может упасть после добавления кода.
- В первом фрагменте кода, нужно ‘&’ заменить на ‘&’ т.к. данный символ требует экранирования в xslt.
- Второй фрагмент нужно вставлять непосредственно перед закрывающим тегом <body>, а не после открывающего, т.к. скрипт мешает загрузке структуры сайта.
Ниже инструкция:
Вместо GTM-XXXXX используйте свой идентификатор.
1. Вставьте следующий фрагмент в раздел <head> кода страницы как можно ближе к началу:
<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 = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-XXXXX');
</script>
2. Непосредственно перед закрывающим тегом <body> добавьте следующий фрагмент:
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXX" height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
Второй фрагмент кода нужен для браузеров, в которых отключен JavaScript.