Яндекс Метрика

Яндекс Метрика — это инструмент веб-аналитики, который помогает получать наглядные отчеты, подробную аналитику о ваших продажах, записи действий посетителей, отслеживать источники трафика и оценивать эффективность онлайн и офлайн рекламы.

Благодаря интеграции, мы за вас автоматически отправляем события о покупках и действиях пользователей на вашей странице оплаты проекта Paywall.

Мы сделали все технические аспекты интеграции, чтобы вы могли легко и быстро начать получать ценные данные о ваших продажах и пользователях. Вам не нужно разбираться в сложных API или настройках Яндекс Метрики — просто подключите интеграцию через Личный Кабинет Paywall, и мы позаботимся о всем остальном.

Ознакомьтесь с возможностями Яндекс Метрики:

  1. База знаний Яндекс Метрики.
  2. Видеоуроки.

Как подключить счетчик

Если у вас нет своего сайта

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

  1. Войдите в ваш Личный Кабинет Paywall.
  2. Перейдите в раздел Интеграции.
  3. Выберите Яндекс Метрика.
  4. Введите ID счетчика Яндекс Метрики.
  5. Нажмите кнопку Подключить.
  6. После нажатия кнопки Подключить вас перенаправит на страницу авторизации Яндекса.
  7. Войдите в ваш Яндекс аккаунт и предоставьте доступ нашему сервису к вашему счетчику Метрики через OAuth 2.0.
  8. После успешной авторизации вы будете возвращены обратно в Личный Кабинет Paywall.

Сквозная аналитика для сайта

Если у вас есть свой сайт и вы хотите проводить сквозную аналитику, то Paywall это будет делать за вас.

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

Подключение Яндекс Метрики в Личном Кабинете Paywall:

  1. Войдите в ваш Личный Кабинет Paywall.
  2. Перейдите в раздел Интеграции.
  3. Выберите Яндекс Метрика.
  4. Введите ID счетчика Яндекс Метрики.
  5. Нажмите кнопку Подключить.
  6. После нажатия кнопки Подключить вас перенаправит на страницу авторизации Яндекса.
  7. Войдите в ваш Яндекс аккаунт и предоставьте доступ нашему сервису к вашему счетчику Метрики через OAuth 2.0.
  8. После успешной авторизации вы будете возвращены обратно в Личный Кабинет Paywall.

Настройка Яндекс Метрики на вашем сайте

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

Сайт собственной разработки

Дли настройки интеграции вам необходимо вставить на страницы вашего сайта, например, внутри блока < head > < /head >, следующий код:

  • Код счетчика Яндекс метрики. Его можно найти в личном кабинете Яндекс Метрики: Настройки -> Счетчик -> Дополнительные настройки -> Код счетчика. Подробная инструкция от Яндекс.

  • Код для работы сквозной аналитики, представленный ниже:

    <script>
    document.addEventListener('DOMContentLoaded', function() {
        // 1. Функция получения куки
        function getCookie(name) {
            const matches = document.cookie.match(
                new RegExp('(?:^|; )' + name.replace(/([$?*|{}()[\]\\/+^])/g, '\\$1') + '=([^;]*)')
            );
            return matches ? decodeURIComponent(matches[1]) : undefined;
        }
    
        // 2. Обработчик кликов
        document.addEventListener('click', function(event) {
            const link = event.target.closest('a');
            if (!link) return;
    
            try {
                const url = new URL(link.href);
                if (!url.hostname.includes('paywall.pw')) return;
            } catch (e) {
                return;
            }
    
            const ym_uid = getCookie('_ym_uid');
            if (!ym_uid) {
                console.warn('ym_uid not found');
                return;
            }
    
            const url = new URL(link.href);
            url.searchParams.set('ym_uid', ym_uid);
            event.preventDefault();
    
            if (link.target === '_blank') {
                window.open(url.toString(), '_blank');
            } else {
                location.href = url.toString();
            }
        }, true);
    });
    </script>

Интеграция с Tilda

  1. Настройка счетчика Яндекс Метрики

    1. Перейдите в настройки вашего сайта, в разделе "Аналитика" найдите пункт "ЯНДЕКС.МЕТРИКА".
    2. Укажите номер вашего счетчика в Яндекс Метрике.
  2. Настройка сквозной аналитики

    1. Перейдите в настройки вашего сайта, в разделе "Еще" найдите пункт "HTML-КОД ДЛЯ ВСТАВКИ ВНУТРЬ HEAD" и нажмите на кнопку "Редактировать код".

    2. Вставьте указанный ниже код и нажать "Сохранить".

      <script>
      document.addEventListener('DOMContentLoaded', function() {
          // 1. Функция получения куки
          function getCookie(name) {
              const matches = document.cookie.match(
                  new RegExp('(?:^|; )' + name.replace(/([$?*|{}()[\]\\/+^])/g, '\\$1') + '=([^;]*)')
              );
              return matches ? decodeURIComponent(matches[1]) : undefined;
          }
      
          // 2. Обработчик кликов
          document.addEventListener('click', function(event) {
              const link = event.target.closest('a');
              if (!link) return;
      
              try {
                  const url = new URL(link.href);
                  if (!url.hostname.includes('paywall.pw')) return;
              } catch (e) {
                  return;
              }
      
              const ym_uid = getCookie('_ym_uid');
              if (!ym_uid) {
                  console.warn('ym_uid not found');
                  return;
              }
      
              const url = new URL(link.href);
              url.searchParams.set('ym_uid', ym_uid);
              event.preventDefault();
      
              if (link.target === '_blank') {
                  window.open(url.toString(), '_blank');
              } else {
                  location.href = url.toString();
              }
          }, true);
      });
      </script>

Интеграция с WordPress

  1. 1. Настройка счетчика Яндекс Метрики

    1. Перейдите в раздел "Плагины" и нажмите на кнопку "Добавить плагин".
    2. В поиске укажите "Яндекс Метрика". Обратите внимание, автор плагина должен быть "Yandex Metrica".
    3. Установите и активируйте соответствующий плагин (после установки кнопка "Установить" изменится на "Активировать").
    4. После активации вас перенаправит в раздел "Плагины", найдите плагин "Яндекс Метрика" и перейдите в его настройки.
    5. Вставьте в поле ввода номер вашего счетчика Яндекс Метрики и нажмите "Добавить".
  2. Настройка сквозной аналитики

    1. Перейдите в раздел "Плагины" и нажмите на кнопку "Добавить плагин".

    2. В поиске укажите "Simple Custom CSS and JS"

    3. Установите и активируйте соответствующий плагин (после установки кнопка "Установить" изменится на "Активировать").

    4. В боковом меню должен появиться пункт "Произвольные CSS and JS" - перейдите в данный раздел.

    5. Нажмите на кнопку вверху страницы "Добавить JS код".

    6. Введите название скрипта (например, Paywall Y.Metrica) и вставьте следующий код:

      document.addEventListener('DOMContentLoaded', function() {
          // 1. Функция получения куки
          function getCookie(name) {
              const matches = document.cookie.match(
                  new RegExp('(?:^|; )' + name.replace(/([$?*|{}()[\]\\/+^])/g, '\\$1') + '=([^;]*)')
              );
              return matches ? decodeURIComponent(matches[1]) : undefined;
          }
      
          // 2. Обработчик кликов
          document.addEventListener('click', function(event) {
              const link = event.target.closest('a');
              if (!link) return;
      
              try {
                  const url = new URL(link.href);
                  if (!url.hostname.includes('paywall.pw')) return;
              } catch (e) {
                  return;
              }
      
              const ym_uid = getCookie('_ym_uid');
              if (!ym_uid) {
                  console.warn('ym_uid not found');
                  return;
              }
      
              const url = new URL(link.href);
              url.searchParams.set('ym_uid', ym_uid);
              event.preventDefault();
      
              if (link.target === '_blank') {
                  window.open(url.toString(), '_blank');
              } else {
                  location.href = url.toString();
              }
          }, true);
      });
    7. Убедитесь, что указаны следующие настройки, и нажмите "Опубликовать".

Имейте в виду:

  • Используйте один счетчик для сайта и Paywall;
  • Скрипт на сайте нужен только для сквозной аналитики, когда вы направляете посетителей со своего сайта на Paywall и хотите отслеживать полную цепочку конверсии;
  • Достижение целей происходит не моментально и может занимать до 30 мин;
  • Мы создаем цели за вас.

Сразу после подключения интеграции мы автоматически создаем необходимые цели в вашей Яндекс Метрике:

Название Идентификатор
Посещение платежной страницы Paywall page_visited
Выбор тарифа tariff_selected
Выбор пробной подписки trial_selected
Конверсия из триала в платную подписку from_trial_to_payment
Успешная оплата тарифа tariff_paid