Настройка отслеживания комментариев сервиса Disqus в GA, ЯМ и Facebook Analytics с помощью GTM. Пошаговая инструкция

 

Disqus – это отличный сервис, который позволяет подключить к сайту возможность посетителям оставлять комментарии. Это могут быть и личные блоги, где можно обсуждать контент постов, корпоративные сайты или интернет-магазины, где также можно обсудить товары или услуги, либо оставить отзывы, и многое другое.

В данной статье рассмотрим, как отслеживать добавленные посетителями комментарии в связке WordPress с плагинами Disqus for WordPress и Code Snippets при помощи Менеджера тегов Google.

В первую очередь необходимо наличие Google Tag Manager в исходном коде страниц сайта. Если его там нет – обязательно подключаем.

Помимо плагина Disqus for WordPress нам ещё понадобится плагин Code Snippets для вставки скрипта отслеживания, чтобы не вносить изменения в файл функций темы functions.php.

Шаг 1. Настройка WordPress для отправки события disqus_comment

Теперь нам необходимо найти зацепку для функции, которая сработает в момент события. Для этого переходим в Редактор плагинов и выбираем плагин Disqus for WordPress. Открываем файл class-disqus-public.php и ищем функцию do_action. Именно она может подключить к этому событию.

В консоли администратора WordPress переходим в Сниппеты и добавим сниппет, назовём его Disqus Comments и вставим в него следующий код:

function track_disqus_comments() { $post = get_queried_object(); if (isset($post) && $post->comment_status == "open") { ?>
<script type="text/javascript">
	function disqus_config() {    
		this.callbacks.onNewComment = [function(comment) {  
			window.dataLayer = window.dataLayer || [];
			window.dataLayer.push({'event': 'disqus_comment'});
		}];
	}
</script>
<?php }; }; 

add_action('dsq_enqueue_comments_script' , 'track_disqus_comments');

Сохраняем и активируем этот сниппет.

Если Disqus внедрялся вручную, то скрипт должен выглядеть примерно так:

<script type="text/javascript">
	function disqus_config() {
		this.callbacks.onNewComment = [function(comment) {
			window.dataLayer = window.dataLayer || [];
			window.dataLayer.push({'event': 'disqus_comment'});
		}];
	}
</script>

Шаг 2. Настройка триггера Disqus Comments и тегов Google Tag Manager

Переходим в GTM в Триггеры и добавим триггер. Назовём его Disqus Comments, выберем тип Пользовательское событие.

В поле Имя события пропишем disqus_comment

Можно также в ГТМ включить режим предварительного просмотра, и, если оставить комментарий к какому-либо посту, то он покажет это событие

Теперь переходим в ГТМ в Теги, и создадим тег отправки события в Google Analytics. Назовём его Disqus Comments – GA и выберем тип Google Аналитика – Universal Analytics

В Конфигурации тега зададим следующие параметры:

  • Тип отслеживания: Событие
  • Категория: Disqus Comments
  • Действие: New Comment
  • Ярлык: New Comment on {{Page Path}} (на скриншоте ниже указана переменная {{Article Title}}, как её настроить – описано здесь)
  • Настройки Google Analytics: {{Google Analytics}}

и привязываем к нему триггер Disqus Comments

После этого переходим в Теги и создадим тег для передачи цели в Яндекс Метрику. Назовём его Disqus Comments – YM и выберем тип Пользовательский HTML

Пропишем туда код:

 

<script>
  yaCounterXXXXXXXX.reachGoal('disqus-comments');
</script>

где XXXXXXXX – это id счётчика Метрики

и привяжем к нему триггер Disqus Comments

Отправить это событие в Facebook Analytics тоже не сложно. Для этого переходим в ГТМ в Теги, создадим тег, назовём его Disqus Comments – Facebook Pixel и выберем тип Пользовательский HTML.

Пропишем туда код:

<script>
	fbq('track', "disqus_comments");
</script>

Затем перейдём в Расширенные настройки и в пункте Порядок активации тегов ставим галочку Активировать тег после тега и выбираем тег пикселя Фейсбука. На скриншоте ниже это Facebook Pixel ID.

Сохраняем и публикуем контейнер.

Шаг 3. Создание цели в Яндекс Метрике

Для этого переходим в Настройки – Цели. Жмём Добавить цель, задаём название Оставил комментарий, выбираем Тип условия – JavaScript-событие, и в Идентификаторе цели пропишем disqus-comments

Шаг 4. Создание цели в Google Аналитике

Для этого переходим в Google Analytics в Администратор – Представление – Цели

Появится таблица уже созданных целей. Жмём кнопку +ЦЕЛЬ, выбираем пункт Собственная, даём название Оставил комментарий, тип – Событие, Категория – Disqus Comments, Действие – New Comment и сохраняем цель.

Теперь в этом списке появится только что созданная нами цель.

Проверка

Оставим тестовый комментарий.

Переходим в Google Analytics в Отчёты – Отчёт в реальном времени – События и видим отправленное событие добавленного комментария

Теперь перейдём в Яндекс Метрику в Отчёты – Стандартные отчёты – Конверсии и видим отчёт по созданной нами цели

В Facebook Analytics также появится событие disqus_comments:

Если в нём понадобится настроить конверсию (цель) в Facebook Events Manager, можно почитать здесь как это делается в пункте Создание конверсий в Facebook Events Manager.

На этом всё. Удачных вам конверсий. 🙂

Источник: часть скрипта была взята отсюда: https://gasend.com/blog/analitika/kak-otsledit-kommentarii-disqus-v-google-analytics-cherez-gtm/

Поделиться ссылкой:

 

Читайте также