logo
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean feugiat dictum lacus, ut hendrerit mi pulvinar vel. Fusce id nibh

Mobile Marketing

Pay Per Click (PPC) Management

Conversion Rate Optimization

Email Marketing

Online Presence Analysis

Fell Free To contact Us
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean feugiat dictum lacus

1-677-124-44227

info@your business.com

184 Main Collins Street West Victoria 8007

1-677-124-44227

437 S Olive St, Los Angeles

Top

Установка и настройка Google Tag Manager, GTM

wisebrett / Аналитика  / Установка и настройка Google Tag Manager, GTM

Установка и настройка Google Tag Manager, GTM

Что такое Google Tag Manager? Диспетчер тегов Google или сокращенно GTM — бесплатный инструмент от Google который упрощает и увеличивает скорость работы с сайтом. Он позволяет быстро создавать и обновлять теги для вашего сайта или мобильного приложения без больших знаний в области программирования.

Давайте приступим к установке ГТМ на свой сайт:

  • Переходим по адресу https://www.google.com/tagmanager/ 
  • Если у Вас есть учетная запись Google то логиньтесь по кнопке в правом верхнем углу
  • Если нет, то регистрируйтесь 

GTM


 

Далее переходим к созданию аккаунта, жмем кнопку «Создать аккаунт»

1454582941162

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

Переходим на следующее поле

1454583079356

Вводим название основного зеркала сайта (домен). И т.к. в этом мануале мы рассматриваем пример установки Google Tag Manager на сайт, выбираем пункт «Интернет». Соглашаемся с правами, без них никак. 

И далее GTM предлагает нам установить вот такой код на сайт после закрывающегося тэга <body>

<!— Google Tag Manager —>
<noscript><iframe src=»//www.googletagmanager.com/ns.html?id=GTM-K4M2FJ»
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-K4M2FJ’);</script>
<!— End Google Tag Manager —>

Ниже рассмотрим установку кода на сайт на примере системы управления Битрикс.

Устанавливаем код Google Tag Manager на сайт CMS Bitrix

Заходим в панель управления  по адресу типа http://домен-вашего-сайта/bitrix/.

Переходим в пункт «Настройки» — «Настройки продукта» — «Шаблоны сайтов». Переходим в шаблон нашего сайта, скролим вниз до закрывающегося тэга body и вставляем наш код, Жмем сохранить.

1454583988172

 На этом моменте создание аккаунта и установка Google Tag Manager на сайт завершены.

Теперь давайте прикрутим с помощью нового инструмента Universal Analytics на свой сайт.

Для начала нам нужен идентификатор отслеживания Google Analytics. Чтобы его узнать логинимся в гугл аналитикс, Переходим в режим «Администратор» выбираем нужный  аккаунт, в поле ресурс выбираем наш сайт и жмем кнопку «Код отслеживания».

1454584616874

Копируем код отслеживания в буфер обмена

1454585036106

 

Следующим этапом мы создадим наш первый тег. Для этого переходим в наш вновь созданный аккаунт Google Tag Manager, в меню в левой части страницы выберите «Теги», затем нажмите кнопку Создать, либо сразу жмите кнопку «Добавить новый тег»:

1454585321573

 Наименование тега пишем любое для Вашего удобства. Выбор продукта выбираем Google Analytics, тип тега будет Universal Analytics

1454585438353

Вставляем наш идентификатор отслеживания, в поле «Тип отслеживания» выбираем Просмотр страницы

1454586344716

Условия активации выбираем «Все страницы»

1454586533900

 Далее жмем кнопку «Создать тег».

Теперь нам надо опубликовать наш тег чтобы он вступил в силу. Жмем кнопку «Опубликовать сейчас».

1454586643771

В следующей статье я расскажу как с помощью Google Tag Manager опубликовать счетчик Яндекс Метрики.

 

 

No Comments

Post a Comment