Для чего нужен google tag manager

13
Алексей Данилин Для чего нужен Google Tag Manager

Upload: netpeak

Post on 15-Jun-2015

664 views

Category:

Education


3 download

DESCRIPTION

Презентация с выступления Алексея Данилина на вебинаре bewebby.ru 18 июля.

TRANSCRIPT

Page 1: Для чего нужен Google Tag Manager

Алексей Данилин

Для чего нуженGoogle Tag Manager

Page 2: Для чего нужен Google Tag Manager

Что такое Google Tag Manger (GTM)

Сбор данныхТег 1

Тег 2

Тег N

Получатель 1

Получатель 2

Получатель К

Отправка данных

GTM

Page 3: Для чего нужен Google Tag Manager

6 причин использовать GTM

1. Минимум программирования

2. Повышение продуктивности

3. Улучшение точности данных

4. Улучшение производительности

5. GTM все время развивается

6. Он бесплатный

Page 4: Для чего нужен Google Tag Manager

Как GTM работает

Google Analytics

Adwords

Яндекс.Метрика

другие

Page 5: Для чего нужен Google Tag Manager

Что есть в коробке

Page 6: Для чего нужен Google Tag Manager

Интерфейс

Page 7: Для чего нужен Google Tag Manager

Создание элементов

Page 8: Для чего нужен Google Tag Manager

Отладка

Page 9: Для чего нужен Google Tag Manager

Применение. Отслеживание 404 ошибок

1. Создаем тег с типом “Universal Analytics” 2. Создаем 2 макроса с типом “Собственный код JavaScript”

{{Response Code}}function() { var req = {{Get Request}};

try { req.open("GET", '{{url}}', false); req.send(""); } catch (e) { success = false; error_msg = "Error: " + e; }

return req.status;}

{{Get Request}}function getReq() { var req = false; if(window.XMLHttpRequest) { try { req = new XMLHttpRequest(); } catch(e) { req = false; } } else if(window.ActiveXObject) { try { req = new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) { req = false; } } if (! req) { alert("Your browser does not support XMLHttpRequest."); } return req;}

3. Задаем правило активации тега

Page 10: Для чего нужен Google Tag Manager

Применение. Отслеживание отправки формы

1. Создаем тег с типом “Universal Analytics” 2. Создаем тег с типом “Прослушивание отправки форм” и правилом активации на всех страницах

3. Создаем макрос “JS - Сообщение в форме обратной связи” с типом “Собственный код JavaScript”

Пример содержания:function() { var now = $('#forms_msg').val(); return now; }

4. Задаем правило активации для тега Universal Analytics на интересующих нас страницах

Page 11: Для чего нужен Google Tag Manager

Применение. Отслеживание процесса заполнения формы

1. Создаем тег с типом “Пользовательский тег HTML” и правилом активации на нужной нам странице.

2. При заполнении поля формы записываем в dataLayer значение URL виртуальной страницы, например dataLayer.push({'event':'Send','formField':'/forms/resume/name'});

3. Создаем макрос с типом “Переменная уровня данных”

4. Создаем тег с типом “Universal Analytics”

и правилом активации

Page 12: Для чего нужен Google Tag Manager

Применение. Внедрение User ID

1. Создаем макрос с типом “Переменная уровня данных”

2. В тегах Universal Analytics указываем

Page 13: Для чего нужен Google Tag Manager

Алексей ДанилинMiddle SEO SpecialistNetpeak

Спасибо за внимание!