# Интеграция с Google Tag Manager

[Google Tag Manager](https://tagmanager.google.com) – это система управления тегами, при помощи которой можно с легкостью обновлять код отслеживания и другие фрагменты кода (теги) в приложении.

> Под тегами в контексте аналитики и маркетинга понимаются фрагменты кода, которые предоставляет поставщик, чтобы обеспечить нужную функциональность на сайте или в мобильном приложении.

{% embed url="<https://support.google.com/tagmanager>" %}

## :tools: Создание аккаунта

Сначала необходимо создать аккаунт в Google Tag Manager: <https://tagmanager.google.com/#/admin/accounts/create>.

![Создание аккаунта в Google Tag Manager](https://content.gitbook.com/content/ZN10WvcXgl30afEjLBp4/blobs/0w0QwDLFXUCSP40soJxM/image.png)

## Установка интеграции

После создания аккаунта будет открыто окно с кодом Менеджера тегов, который должен быть установлен на каждой странице сайта. В нашем случае потребуется скопировать только его идентификатор (без кавычек).

![Код Менеджера тегов для установки на все страницы сайта](https://content.gitbook.com/content/ZN10WvcXgl30afEjLBp4/blobs/mU0e9NZiogxMzs7fQaeL/image.png)

Скопированный идентификатор сохраняем в приложении в разделе **Настройки -** [**Метрики**](https://help.senler.ru/senler/services/mini-prilozhenie-vkontakte/nastroiki/metriki).

![Метрики в приложении сообщества ВКонтакте](https://content.gitbook.com/content/ZN10WvcXgl30afEjLBp4/blobs/TOl6zyVWo81hpmJb6fin/image.png)

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

## :dart: Триггеры

Триггеры активируются при наступлении определенных событий в приложении.

### События для подписной страницы

| Название             | Описание                          |
| -------------------- | --------------------------------- |
| **View**             | просмотр любой подписной страницы |
| **View\_N**          | просмотр подписной страницы N     |
| **Subscribe**        | подписка на любую группу          |
| **Subscribe\_N**     | подписка на группу N              |
| **UnSubscribe**      | отмена любой подписки             |
| **UnSubscribe\_N**   | отмена подписки N                 |
| **UnSubscribe\_all** | отмена всех подписок              |

### События для лендинга

| Название                     | Описание                                 |
| ---------------------------- | ---------------------------------------- |
| **page\_view**               | просмотр любого лендинга                 |
| **page\_view\_M**            | просмотр лендинга M                      |
| **page\_subscribe**          | подписка на любую группу                 |
| **page\_subscribe\_N**       | подписка на группу N                     |
| **page\_subscribe\_N\_M**    | подписка на группу N на лендинге M       |
| **page\_lead**               | оставить заявку                          |
| **page\_lead\_M**            | оставить заявку на лендинге M            |
| **page\_join\_community**    | вступление в сообщество                  |
| **page\_join\_community\_M** | вступление в сообщество на лендинге M    |
| **page\_url**                | переход по ссылке                        |
| **page\_url\_M**             | переход по ссылке на лендинге M          |
| **page\_bot\_add\_M**        | запуск пользователя в боте на лендинге M |

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

![Создание триггера в Google Tag Manager](https://content.gitbook.com/content/ZN10WvcXgl30afEjLBp4/blobs/J7OIZQMbdj8YYECNpKbl/image.png)

## Переменные

Вместе с событием в Google Tag Manager передаются дополнительные данные, например ID пользователя ВКонтакте и UTM-метки. Эти данные можно сохранить в переменные и далее использовать в тегах.

Имена переменных:

* vk\_user\_id - ID пользователя ВКонтакте
* UTM-метки:
  * utm\_source
  * utm\_medium
  * utm\_campaign
  * utm\_term
  * utm\_content

При создании переменной необходимо выбрать тип - **Переменная уровня данных** и указать имя.

![Создание переменной в Google Tag Manager](https://content.gitbook.com/content/ZN10WvcXgl30afEjLBp4/blobs/0gGBua21GHvVOAUxGRUA/image.png)

## Теги

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

![Создание тега в Google Tag Manager](https://content.gitbook.com/content/ZN10WvcXgl30afEjLBp4/blobs/WmUtDYxfHmL1TliKGgm3/image.png)