Создать простой сайт или лендинг сегодня довольно просто. Справиться с этим может практически каждый, даже не имея опыта в этом деле. Для этого существует большое количество сервисов, одним из самых популярных среди которых сегодня является Tilda. Обычно после создания сайта необходимо сделать так, чтобы сайт увидели. Для этого используют такие инструменты интернет-маркетинга, как SEO, таргетированная реклама, контекстная реклама.
Однако получить трафик – дело одно, необходимо еще понять, что это за трафик, приходит ли на сайт целевая аудитория, совершает ли те действия, которые вы планировали. Сегодня я подробно расскажу, как установить счетчики на сайт, но не напрямую в самой Тильде, а через GTM, чтобы у нас с вами сохранилась возможность глубоких интересных настроек счетчиков. Для этих целей я буквально на коленке создала тестовый сайт в Tilda, включила в нем тестовый период, что дало мне возможность подключить счетчик.
Установка GTM на сайте на платформе конструктора Tilda
Самое простое, что мы можем сделать – это установить на наш сайт Google Tag Manager. GTM – это специальный контейнер для работы с кодами. Он необходим для того, чтобы сократить вмешательство в код сайта. С его помощью легко настраивать разнообразные «фишки» веб-аналитики: настройка целей, пользовательских параметров и показателей, и многое другое.
Для начала создадим аккаунт GTM. Заходим на сайт и нажимаем «Создать аккаунт»:
Далее заполняем все необходимые поля, нажимаем кнопку создать и принимаем пользовательское соглашение:
Далее перед нами появляется окно с кодом. В нормальной ситуации, если бы это был обычный сайт, не на Тильде, то мы бы скопировали 2 куска кода и установили бы их на сайт. С Тильдой ситуация немного проще, поэтому нам понадобится только идентификатор счетчика. Посмотреть его можно в нескольких местах:
Копируем наш идентификатор. Далее нам необходимо зайти на наш сайт в админке Тильды. Нажимаем «Настройка сайта»:
В меню слева выбираем «Аналитика» и в блоке для GTM указываем наш идентификатор GTM:
Теперь необходимо установить счетчики веб-аналитики Яндекс.Метрика и Google Analytics в GTM. Если у Вас нет счетчиков, то Вам необходимо предварительно создать их. О том, как создать счетчики и предварительно их настроить я расскажу в следующих выпусках.
Установка счетчика Google Analytics на сайт
Итак, мы подошли к самому главному – установке счетчиков веб-статистики на сайт. Начнем с Google Analytics. Прежде всего, нужно отметить, что в интерфейсе самой Тильды есть возможность добавить номер счетчика Гугл Аналитикс:
Однако мы так делать не будет, потому что в этом случае мы лишимся дополнительных возможностей работы с GTM, а наша задача полноценно настроить аналитику и использовать весь ее функционал. В виду того, что мы добавляем Google Analytics через GTM, прописывать номер счетчика в Tilda не нужно, иначе на сайте 1 счетчик будет стоять дважды, что приведет к некорректному сбору данных. Если вам интересно, как правильно установить 2 счетчика на сайт, чтобы при этом данные собирались правильно – пишите об этом в комментариях.
Переходим в GTM. Для начала нам необходимо создать переменную конфигурации Google Analytics. Для этого идем в раздел переменные, нажимаем кнопку «Создать», в самой конфигурации нажимаем на карандаш и справа выбираем тип переменной «Конфигурация Google Analytics».
Теперь необходимо настроить нашу переменную. Для этого указываем название, номер счетчика Google Analytics, а также, ввиду того, что мы планируем запуск рекламы, в дополнительных настройках находим блок «Реклама» и ставим галочку в чекбоксе «Включить функции контекстно-медийной сети». Это поможет нам получать расширенную статистику в счетчик. Сохраняем.
Мы создали переменную, теперь нужно создать тег и триггер. Тег отвечает за отправку информации в Google Analytics, триггер – это правило или условие, на основе которого срабатывает тег. Для того, чтобы добавить тег, переходим в одноименный раздел слева в меню и нажимаем «Создать». Далее нажимаем на карандаш и в открывшемся окне выбираем тип тега «Google Analytics – Universal Analytics»:
Следующим шагом нам необходимо настроить наш тег: указываем название, тип отслеживания – просмотр страницы, в качестве настройки Google Analytics выбираем созданную нами на прошлом шаге переменную конфигурации Google Analytics. Так как счетчик должен стоять на всех страницах нашего сайта (пока у нас это лендинг, но возможно мы сделаем из него полноценный сайт, время покажет), то в качестве триггера мы указываем предустановленный системой триггер – All pages – все страницы сайта. Нажимаем сохранить:
На этом установка счетчика Google Analytics закончена.
Установка счетчика Яндекс.Метрики на сайт
Если для Google Analytics есть специальный тип тега, то для Яндекс.Метрики такого варианта нет. Однако сегодня в Галерее Шаблонов можно найти решение для Яндекс.Метрики:
Несмотря на то, что такое решение есть, мы будем выполнять настройку классическим способом, поскольку на курсе в Нетологии, на котором я являюсь дипломным руководителем такой способ установки Яндекс.Метрики протестировали и выявили некоторые сложности в работе данного решения. Когда я лично его оттестирую, тогда смогу точно сказать, буду ли я его рекомендовать или нет. Если кому-то интересно, как работает решение –, пишите об этом в комментариях и я уделю этому время.
Итак, как проходит классическая настройка. Для начала нам необходимо создать тег. Делаем это также, как и на предыдущем шаге. Только тип тега выбираем другой – «Пользовательский HTML»:
Следующим шагом копируем код Яндекс.Метрики из интерфейса самой метрики после его создания, вставляем в выбранный тег, а в качестве триггера выбираем уже знакомый нам All pages.
На этом установка Яндекс.Метрики на сайт завершена.
Далее вам необходимо опубликовать в GTM внесенные изменения:
Вот и все – теперь данные о посещениях вашего сайта поступают в счетчики веб-статистики Яндекс.Метрика и Google Analytics.
Также смотрите подробное видео о том, как установить счетчики на лендинг на платформе Тильда.
В следующем выпуске я продолжу рассказ о настройке счетчиков на сайте на платформе Тильда. Мы поговорим о том, как передать данные об отправке формы, нажатии кнопки и других интересных вещах.