# Как настроить и работать через GTM

Как настроить и работать через GTM на примере работы с Snapchat

### Подключение Snap Pixel

####   
Добавление шаблона Snap Pixel

Для начала перейдём на страницу с уже созданным тегом и зайдем в раздел Шаблоны  
![](https://lh7-us.googleusercontent.com/IDSgEKA9WgXbrNknOaBHheYMCqP78BGJQpH9qkb58Wn3FBNLOVppYooC67Bnhh_FrvZdz0qS_DgstrgL4XZgCk0A-AyK2obNbdpmKLwiGnsVrYa3-XXBUNeeRJGXhZ9M7ytinlanj3O8lPd8Fgwh1TE)

На странице Шаблоны в блоке Шаблоны тегов нажимаем Поиск в галерее  
![](https://lh7-us.googleusercontent.com/LaKS-rvVnb6OjTQiF_VQ8N9QDNF3b4aS7xGkLMneemPTLjUAm_WFgnGJkIZYlM1gKD1v6kjDB10AINgibDRbIxoRph8UgpS00m-xWpAMsxw6FtrK0pDtdoc8mnQJmli1LpGGidIxsUVAWS-4eGgYaAw)

В открывшемся окне нажимаем на иконку поиска  
![](https://lh7-us.googleusercontent.com/7pYGK0t2pxHApriksvxuQH42Y6sM9tMSCPmWRcdno8oFtRga3v_NbcniUidX3UUA76sO5AgFSoMgySFR4FAIQDAt3R3kDjFKl3pDFf3uMYRXNGZHoXYDWmRh5tuo14A8VgJLIJvOn_pMIf66_J3QD1s)

В поле поиска вставляем Snap Pixel и нажимаем на блок, который показал поиск  
![](https://lh7-us.googleusercontent.com/-n4V4EbPT6gjdMGEHwjVLuE-h8EGZl-0mKzHp52TNQ8sRRxj_HxxpWL0sbnIe8AAD0QhQkRvZJisve3fa1j_XDRUp202gk_t7aRAC17twjnJSzguQmOVX4Tvt49q9aHOmCxFJKAZHrrNRnxfvjVIOiU)

Далее нажимаем на кнопку Добавить в рабочую область  
![](https://lh7-us.googleusercontent.com/drG04DhwX3BIBZbfYAAFRkOqQtCKOcT7XFHu1wETdNcu9Du1Z3tRDfXJfLV9CxlDNzOpUYSXm0zAB1r4zYnu1qWfevk70oqoi05kfr3OmHqtK6GCIcBTNm-R8yvclM9U39QOzHGXNBo4zxjsVYk-vNw)

Далее соглашаемся с тем, что спрашивает GTM и нажимаем кнопку добавить  
![](https://lh7-us.googleusercontent.com/9BBUALTcKt2L62pNEy0NpKldGnJ2ofBiUKd2kJxIDx2oDZYeV3Q_oFSgFTS4mpzPaqS01qd2fSijdEyPhzWiEObkE3jfzAWIX3Cr7SO14VjHmfwFAVFMopTeGqtVf0UadZmw9KHoYIi3E47jAAGUlGs)

#### Настройки шаблона Snap Pixel

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

![](https://lh7-us.googleusercontent.com/_5YvdT0SkbQt3jiVjfEhlJk8aib79G4y5b9ve1eYpLt-ktSGg1ng1I7wGBaK6D17UPVjAo7uuIHgFJsL0hOCD35T7ZGFsGrcj0rkV6RW6-IoynOQqnD7LD01CZqqDIDa4XGbhMpZuaIVtxWsdXJzzA4)

В открывшемся блоке кликаем на Конфигурация переменной и выбираем Константа

![](https://lh7-us.googleusercontent.com/df2XA05cKgiAabGsz8MQ63DacZHcaHK0vFejaCx5xO5j0Q77B_Wf38cFHAj_QADwKWV8XoPV2nhIAkPOTF9DX46zcK8lNAnmdxUZ8ehyPT-iHxrPwULcCYR27NgY7CA0QOixTTKYlf5TBc-wERAj6mI)

![](https://lh7-us.googleusercontent.com/7niSekLek1CEDfak8VVaXHH2-lvEaL5kY2sfjmlKkht-yqHEPu22bJnVtcUfdOtfWKlAGbxSzpKigv8TRPuPcvwDEidc5251OAM7XqMEESJ6pL77L1f4aaPm1yC5i9oh9fIGxk4pgzT8aV0yM9t0FRE)

В поле Значение вставляем ID пикселя и нажимаем сохранить  
![](https://lh7-us.googleusercontent.com/1fCoOW-doTcXAR6bND3bWTWkhf5tIO3pcavfyye41ZN_DZuVKn9jxG3jxVC4vH4BTdv0doOtaskehs3UR48aN7z1dqwxZN8aL0aa7boAtwWcB2-P24xu5ngGyr_pm8qdHdgOfe_6CK2_Nx0FMhbizp4)

для лучшего понимания что это за константа, можно назвать её GTM Snap Pixel ID.

#### Настройка тега.\*

Переходим в раздел Теги и нажимаем Создать  
![](https://lh7-us.googleusercontent.com/EZH73QtZVkMcEqiIjViwUBjQihr-uP_5z6SHBViN7rl-826s4PEC1QbfY9lJj9mD-3p0g_EarOrezC8YskP1LZy4d7E0_crBfeiWMklZbd8z6M7f9wtk25OlnGGou5VI0fE6htoT3ediQQEVO4nB05s)

Нажимаем Конфигурация тега, листаем до Пользовательские и выбираем Snap Pixel  
![](https://lh7-us.googleusercontent.com/T7nX0BGZujDFEY2iPI9zn8glMYf2F4TMBWM7vpfLJ5mkfyRqGbO4qsfZxqjzxo9wVp5AD56mxSI0bfsNWuB3VUkQYJrZRcnpC5Z6nuH9oYXZA0qS9FZL6_PvPj0E0reEK2C2f3CJOgIHVBjKzajc68A)

В открывшемся окне нажимаем на Pixel ID  
![](https://lh7-us.googleusercontent.com/zYtjKz-TaVFBu2kIqvC7DLrCW5JrW0Pi6uK9Rsu-f5-YLuCqG5qt9nCds2OP8habxbx6JOGuf3MPRkQloSBSwlOSS3uj9jMMNMBkUFZ7BEyVU7xP0ZbwwsAQpLCS2UTSk28L37fosvYY7fafkMZlxFk)

В открывшемся окне выбираем ранее созданную нами переменную с ID пикселя.  
![](https://lh7-us.googleusercontent.com/Ee16d3cZZEpJiLBi4pzXTB0mNk-10NUCv9V_0kDnMs5-N8ImeFk3JDv1KhBedz15HQxEE4KNazR4wwkUX4aLEMvfdBK4isPd6i7vLLA5NUK0DL_QM4kiWUhLINndflMLHUenEj8OAZsH63w4DBE6rmE)

Остальные настройки оставляем как есть

Листаем ниже и нажимаем на Триггеры  
Далее выбираем All pages

![](https://lh7-us.googleusercontent.com/8qpn6oE9iH7Zf9Aq-oRy-PaU9weYkuEwMiSxwVACCCV_ACERA7Ano6uSZOjy2IoTUgXuvGPR7Y9w5Gb6rMmxeYfYllo34DYVXTLwL9-mOB3MTuuqMEFLa3EQHm3q5g7uqSE7a8cRvsnvyRwZ574O1tQ)

Нажимаем Сохранить  
![](https://lh7-us.googleusercontent.com/rZSeh6Fb4pebMXObucnbMIKQLk7VYT1AqgvU7R6w9ioNx4CTbX_3OaWgf7yfwu48J5k2YJ6HO2sWHGkLotxfioZ2fvpH6_pCq25chUiU3e6T9aOXIlKVnr92ZGIsD6e7jG1vwqTIpVbXvIS6r8Z00ok)

#### Добавление события на кнопку

Для добавления события на кнопку переходим в раздел Триггеры и Нажимаем Создать.

В открывшемся окне нажимаем на Настройки триггера, листаем до блока Клик и выбираем Все элементы  
![](https://lh7-us.googleusercontent.com/90SJOJRgpldFAbR1_lj7qaAXQur7TJ8sn6Ax9v9hpKBeIbjWLZx5FhWYgHLVeStHXAlTkBtOLHHPsgAbbjGu4A8UgpHetECuoWtlmk8sju8BvLjUWfu5mSl4pgwhk5Opu-FrV7kdIww5qCr_B9rphsQ)

В открывшемся окне выбираем Некоторые клики

![](https://lh7-us.googleusercontent.com/nuf3GOVgNeOLvsfxcgLK9lJofFh8B0B3VpMlViFimukYd3iaals2LrArySP3rFK8TUygdwQ4mvU46wL4-ZUMYfWmsksI_TkOyAn4XFe2_fpX5gyJH0ynSncW5cfvk5B1iTbpqXfbxID60ETcPy5Fvv0)

В первом селекте выбираем Click Element, если такого пункта нет, то нажимаем на селект и выбираем Выбрать встроенную переменную и из открывшегося списка выбрать Click Element  
Во втором селекте выбираем “соответствует селектору CSS”  
В третье поле пишем селектор (селектор кнопки можно посмотреть через DevTools)  
если есть класс - селектор будет с точкой, например .callBtn (как на скрине ниже)  
если есть id - то будет с решёткой, например #callBtn

![](https://lh7-us.googleusercontent.com/jWswe2V68XofLYGy8GjFwbFcAIFGfuAzi4mznoc4u12Pk00C5DnXa6UBNXUxHfmCORhh4fwKdHqol8bPH6J2S-2tUHFPcquTQdIKZUaMturgkGDBvd-8XVDEEirK-TkpiFUvVAiM2k0qGfb7d-JzzRc)

Нажимаем Сохранить и обзываем Триггер ButtonLead (или как будет удобно).

Теперь повесим Тег на только что созданный Триггер.

Переходим в раздел Теги и нажимаем Создать  
![](https://lh7-us.googleusercontent.com/EZH73QtZVkMcEqiIjViwUBjQihr-uP_5z6SHBViN7rl-826s4PEC1QbfY9lJj9mD-3p0g_EarOrezC8YskP1LZy4d7E0_crBfeiWMklZbd8z6M7f9wtk25OlnGGou5VI0fE6htoT3ediQQEVO4nB05s)

Нажимаем Конфигурация тега, листаем до Пользовательские и выбираем Snap Pixel  
![](https://lh7-us.googleusercontent.com/T7nX0BGZujDFEY2iPI9zn8glMYf2F4TMBWM7vpfLJ5mkfyRqGbO4qsfZxqjzxo9wVp5AD56mxSI0bfsNWuB3VUkQYJrZRcnpC5Z6nuH9oYXZA0qS9FZL6_PvPj0E0reEK2C2f3CJOgIHVBjKzajc68A)

В открывшемся окне нажимаем на Pixel ID  
![](https://lh7-us.googleusercontent.com/zYtjKz-TaVFBu2kIqvC7DLrCW5JrW0Pi6uK9Rsu-f5-YLuCqG5qt9nCds2OP8habxbx6JOGuf3MPRkQloSBSwlOSS3uj9jMMNMBkUFZ7BEyVU7xP0ZbwwsAQpLCS2UTSk28L37fosvYY7fafkMZlxFk)

В открывшемся окне выбираем ранее созданную нами переменную с ID пикселя.  
![](https://lh7-us.googleusercontent.com/Ee16d3cZZEpJiLBi4pzXTB0mNk-10NUCv9V_0kDnMs5-N8ImeFk3JDv1KhBedz15HQxEE4KNazR4wwkUX4aLEMvfdBK4isPd6i7vLLA5NUK0DL_QM4kiWUhLINndflMLHUenEj8OAZsH63w4DBE6rmE)

В селекте Event Type выбираем Purchase или любое другое событие  
![](https://lh7-us.googleusercontent.com/zTesaNuA_mu8rfYkkrlq7PeKT1__ohW-30BWlBNdt1-b3mKgJjx0xYqKkOAJ4DLECRrxCl38kanhl8hHudCULJBD6z4X4rqj-sf0787swaH9N-82cZT5ZGaPmli9IE4RfYaz1guyeslygIKrz4umfMs)

Листаем ниже до Триггеров и выбираем ранее созданный нами ButtonLead  
![](https://lh7-us.googleusercontent.com/Nto80pnxgQudp7JzJQ6hVhobzbxCDxgMHp-IbewxcO6TiVI7PeLRi5efvf7Xsz2rFmsDQME7DfzZ1EHLdDAZ_zQVFM_TqMsd4BSOh85EqroiIyYKgVTWgGkocGkxXKXd3XaJ6cZP7dyH5u4ajT8tugU)

Итоговый вариант, нажимаем сохранить  
![](https://lh7-us.googleusercontent.com/branURI05jhLh19RU6uFRka0p9wUioAJE9NBXhNmoWBW0Uo4ea7LuI1EFzxRQ_6OknqSudic964kqNRuwsrRlCzfFwf7ZpocAlAzucqbiZ5t1I0dbGxfgL4VzRvSgSICQtlfHV2stbE5BNvZUWCogMU)

## Загрузка изменений

После того как пиксель был настроен, нужно сохранить все изменения, которые были выполнены в GTM.

Для этого нажмите на кнопку Отправить в правом верхнем углу страницы  
![](https://lh7-us.googleusercontent.com/XyJxo0JEi-W99VsJJZVRVtGqK8JNxaML5Qsh97wEaolTXW7CkKXwQ21ZbwpWxn1aKtMqvTcn3SDULJf4AhqtxT26kJQorj3RrEPhEvmipvar8w6uc4r2NTh2OL8zmPObHhRRfvskybwm2KDhB0M2reg)

Придумайте название новой версии и нажмите Опубликовать  
![](https://lh7-us.googleusercontent.com/X1nsWq4hErcjNbpw8BHV4M_hCVGpL0FcCo_FhnkTpWy3FpOm_OE2dIzYj5PFzzX52bigt7rxp0NiwJIrc1SVs0_oAjOIflDWo7iyLrpQAzGKExRihbDVFjJCZqesiVpYSqZ0h3anWRwEOYNeR1TiKV0)

## [Видео](https://monosnap.com/file/XP2X5eL5R1TXOb9hnBpB4Iv5WDGeAj)