> For the complete documentation index, see [llms.txt](https://docs.paywall.pw/rus/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.paywall.pw/rus/obshee/integracii/yandeks-metrika.md).

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

[Яндекс Метрика](https://metrika.yandex.ru/) — это инструмент веб-аналитики, который помогает получать наглядные отчеты, подробную аналитику о ваших продажах, записи действий посетителей, отслеживать источники трафика и оценивать эффективность онлайн и офлайн рекламы.

<figure><img src="/files/U5CCTlCtDsL0aATW0DOm" alt=""><figcaption></figcaption></figure>

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

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

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

1. [База знаний Яндекс Метрики](https://yandex.ru/support/metrica/index.html).
2. [Видеоуроки](https://www.youtube.com/playlist?list=PLjEKjSpX1kHXiwpHpR_j44YFxXaq7GYrh).

## Как подключить счетчик <a href="#id-2" id="id-2"></a>

### Если у вас нет своего сайта <a href="#id-1" id="id-1"></a>

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

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

### Сквозная аналитика для сайта  <a href="#id-2" id="id-2"></a>

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

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

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

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

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

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

{% tabs %}
{% tab title="Сайт собственной разработки" %}
Дли настройки интеграции вам необходимо вставить на страницы вашего сайта, например, внутри блока < head > < /head >, следующий код:

* Код счетчика Яндекс метрики.\
  Его можно найти в личном кабинете Яндекс Метрики: Настройки -> Счетчик -> Дополнительные настройки -> Код счетчика. [Подробная инструкция от Яндекс](https://direct.yandex.ru/base/articles/kak-ustanovit-schetchik-metriki-na-sajt).
* Код для работы сквозной аналитики, представленный ниже:

  ```javascript
  <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>
  ```

{% endtab %}

{% tab title="Интеграция с Tilda" %}

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

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

      ```javascript
      <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>
      ```

{% endtab %}

{% tab title="Интеграция с WordPress" %}

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

2. Настройка сквозной аналитики
   1. Перейдите в раздел "Плагины" и нажмите на кнопку "Добавить плагин".
   2. В поиске укажите "Simple Custom CSS and JS"
   3. Установите и активируйте соответствующий плагин (после установки кнопка "Установить" изменится на "Активировать").\
      ![](/files/tTPqP3uEvIM0p3zmXgcu)
   4. В боковом меню должен появиться пункт "Произвольные CSS and JS" - перейдите в данный раздел.
   5. Нажмите на кнопку вверху страницы "Добавить JS код".
   6. Введите название скрипта (например, Paywall Y.Metrica) и вставьте следующий код:

      ```javascript
      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. Убедитесь, что указаны следующие настройки, и нажмите "Опубликовать". \
      ![](/files/B9hQ9dwaA1tA1zvDDqIq)
      {% endtab %}
      {% endtabs %}

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

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

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

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