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/
Поделиться ссылкой:
