Почему мы включаем скрипт Google Tag Manager из почти 7 - 8 строк?

Question

В чем важность приведенного ниже кода ??

<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-MHT6T5W');</script>

Answer 1

Вам следует прочитать эту статью https://www.bounteous.com/insights/2016/11/22/where-should-google-tag-manager-snippet-be-placed/

Что делает этот код?

Давайте рассмотрим код контейнера и посмотрим, что он на самом деле делает.

В первой части мы видим тег script. Сценарий внутри здесь представляет собой функцию JavaScript, которая загружает указанный вами контейнер c на вашу страницу. Это делается путем создания нового тега сценария и установки источника для URL-адреса вашего контейнера диспетчера тегов. Это важная часть; это идет в голову.

Он также сообщает вашей странице, чтобы загружать ваш контейнер GTM асинхронно, что означает, что остальная часть страницы может продолжить загрузку, пока Google выполняет свои магические действия c.

Во второй части мы видим тег no script. Это работает как резервное копирование, позволяя вам отслеживать пользователей без Javascript (что не будет много.) Тег no script сообщает браузеру, что если у пользователя не включен JavaScript, то визуализируйте версию iframe Контейнер ГТМ на страницу. Некоторые теги и пиксели можно настроить для правильной загрузки даже для тех, у кого нет JavaScript. Эта часть фрагмента входит в тело и на самом деле важна только в том случае, если вам нужно отслеживать не-1021 * пользователей.