Отслеживаем комментарии в Disqus посредством Google Analytics и Google Tag Manager

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

Сегодня мы поговорим о том, каким образом должна происходить настройка отслеживания комментариев Disqus в Аналитике с использованием Диспетчера тегов Гугла.

Итак, готовый для импорта контейнер скачивайте здесь. После этого действия важно прописать ваш идентификатор отслеживания Universal Analytics в теге Google Analytics Event – DISQUS Comment.

Если же вы желаете разобраться в ручной настройке всего этого добра, то стоит прочитать статью до конца.

1) Настраиваем прослушивание DISQUS для GTM.

Необходимо создать свой пользовательский тег html. Это важно по причине того, что во время публикации комментария посредством Disqus на сайте должно запускаться событие DataLayer. Далее оно будет работать в качестве триггера.

Пользовательские настройки выглядят таким образом:

• Имя тега – cHTML – DISQUS Listener
• Тип – Специальные либо Пользовательский html
• Делаем вставку такого кода:

<script>

 var disqus_config = function () {

 this.page.url = ''; // Replace PAGE_URL with your page's canonical URL variable

 this.callbacks.onNewComment = [function() {

 window.dataLayer = window.dataLayer || [];

 window.dataLayer.push({

 'event': 'disqus_comment'

 });

 }];

 };

</script>

Триггер Pageview - DOM Ready в предложенном теге проводим таким способом:

Имя триггера – Pageview – DOM Ready Тип – Просмотр страницы – Модель DOM готова Активация триггера происходит на таких страницах – Все события «Модель DOM готова»

Теперь можно сохранить тег и разместить изменения.

Далее необходимо проверить запуск события DataLayer прослушки DISQUS. Для этого важно включить режим предварительного просмотра в GTM.

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

2) Настраиваем триггер и включаем переменную.

Перед переходом к настройке триггера, важно осуществить проверку включения встроенной переменной Page URL.

Чтобы это сделать, необходимо открыть Переменные – Встроенные переменные – Настроить.

После этого можно создать триггер:

Имя триггера – Custom – disqus_comment Тип – пользовательское событие Название события – disqus_comment Триггер срабатывает – Все специальные события

И сохраняем изменения.

3) Настраиваем тег передачи события в Аналитике.

Заходим в Теги и занимаемся созданием нового тега:

• Тип тега – Universal Analytics
• Тип отслеживания – событие
• В поле «Категория события» пишем Disqus_comment
• В поле «Действие» ставим –
• И делаем галочку напротив «Включить переопределение настроек в этом теге». И в поле, что раскрылось под именем «Идентификатор отслеживания» копируем и вставляем значение нашего идентификатора Google Analytics UA-********-*. И для того, чтобы сделать работу с тегами более простой, далее рекомендуем создавать свою переменную типа «константа». Здесь есть возможность указания идентификатора Аналитик единожды и при создании тега не копировать номер счетчика в ручном режиме. А просто выбирайте из списка переменных ту константу, что вы сохранили ранее.

Во вкладке триггер делаем выбор ранее созданного триггера под названием Custom – disqus_comment. И сохраняем тег. Публикацию изменений производим в рабочей области.

После всех действий необходимо проверить передачу события в GA.

Для этого оставляйте на сайте очередной тестовый комментарий DISQUS и заходите в Аналитику. А именно – в отчет «В режиме реального времени». И вкладка «События» должна содержать событие Disqus Comment.

Как видите, все довольно просто. Успехов!