Какие ссылки обрабатывает скрипт?

Скрипт ищет ссылки на tg://, t.me, telegram.me, whatsapp://, wa.me, api.whatsapp.com и max.ru, затем заменяет прямой переход на окно со слайдером.

Можно ли использовать другой счётчик Метрики?

Да. Введите нужный номер счётчика в поле генератора, и код будет сформирован с ним.

Нужно ли вручную менять ссылки мессенджеров?

Нет. Скрипт патчит уже существующие ссылки и следит за новыми элементами через MutationObserver.

Обучение

Антибот-слайдер для мессенджеров

Сгенерируйте скрипт для проверки реальных переходов в Telegram, WhatsApp и Max через слайдер и цели Яндекс Метрики.

Сервис формирует готовый JS-код: он перехватывает клики по ссылкам мессенджеров, показывает короткий слайдер и отправляет цели в Яндекс Метрику только после успешного жеста.

Превью

Мессенджер в превью

Открываем Telegram...

Проведите ползунок вправо, чтобы перейти

→

Проведите вправо

Защита от ботов

Готовый код

Цели: messenger_slider_success и redirect по мессенджерам

<!-- Антибот-слайдер для мессенджеров — GAIPHUTDINOV.RU -->
<script>
/**
 * Антибот-слайдер для переходов в Telegram, WhatsApp и Max.
 * Разработка: Артур Гайфутдинов
 * Сайт: GAIPHUTDINOV.RU
 * Telegram: https://t.me/Prestor
 * Цели Метрики: messenger_slider_success, messenger_redirect_telegram, messenger_redirect_whatsapp, messenger_redirect_max.
 */
(function () {
  var COUNTER_ID = 12345678;
  var OVERLAY_ID = 'gaiphutdinov-messenger-slider';
  var lastTriggerTs = 0;

  function sendGoal(goal) {
    if (typeof window.ym !== 'function') return;
    try {
      window.ym(COUNTER_ID, 'reachGoal', goal);
    } catch (err) {}
  }

  function getMessengerName(url) {
    if (!url) return null;

    var value = String(url).trim().toLowerCase();
    if (value.indexOf('tg://') === 0) return 'telegram';
    if (value.indexOf('whatsapp://') === 0) return 'whatsapp';
    if (value.indexOf('https://t.me') === 0 || value.indexOf('http://t.me') === 0) return 'telegram';
    if (value.indexOf('https://telegram.me') === 0 || value.indexOf('http://telegram.me') === 0) return 'telegram';
    if (value.indexOf('https://wa.me') === 0 || value.indexOf('http://wa.me') === 0) return 'whatsapp';
    if (value.indexOf('https://api.whatsapp.com') === 0 || value.indexOf('http://api.whatsapp.com') === 0) return 'whatsapp';
    if (value.indexOf('https://max.ru') === 0 || value.indexOf('http://max.ru') === 0) return 'max';

    try {
      var parsedUrl = new URL(url, window.location.origin);
      var fullPath = (parsedUrl.hostname + parsedUrl.pathname).toLowerCase();
      if (fullPath.indexOf('t.me') !== -1 || fullPath.indexOf('telegram.me') !== -1) return 'telegram';
      if (fullPath.indexOf('wa.me') !== -1 || fullPath.indexOf('api.whatsapp.com') !== -1) return 'whatsapp';
      if (fullPath.indexOf('max.ru') !== -1) return 'max';
    } catch (err) {}

    return null;
  }

  function getMessengerTitle(name) {
    if (name === 'telegram') return 'Открываем Telegram...';
    if (name === 'whatsapp') return 'Открываем WhatsApp...';
    if (name === 'max') return 'Открываем Max...';
    return 'Открываем мессенджер...';
  }

  function hardStop(event) {
    if (!event) return;
    event.preventDefault();
    event.stopPropagation();
    if (typeof event.stopImmediatePropagation === 'function') {
      event.stopImmediatePropagation();
    }
    event.cancelBubble = true;
  }

  function patchLink(link) {
    if (!link || link.nodeType !== 1) return null;
    if (link.getAttribute('data-msg-patched') === '1') return link;

    var href = link.getAttribute('href');
    var messengerName = getMessengerName(href);
    if (!messengerName) return null;

    var clone = link.cloneNode(true);
    clone.setAttribute('data-msg-patched', '1');
    clone.setAttribute('data-msg-name', messengerName);
    clone.setAttribute('data-msg-href', href);
    clone.setAttribute('href', '#');
    clone.removeAttribute('target');
    clone.removeAttribute('onclick');
    clone.onclick = null;

    if (link.parentNode) {
      link.parentNode.replaceChild(clone, link);
    }

    return clone;
  }

  function patchAll(root) {
    var scope = root && root.querySelectorAll ? root : document;
    if (scope.matches && scope.matches('a[href]')) patchLink(scope);

    var links = scope.querySelectorAll ? scope.querySelectorAll('a[href]') : [];
    for (var index = 0; index < links.length; index += 1) {
      patchLink(links[index]);
    }
  }

  function closeOverlay() {
    var overlay = document.getElementById(OVERLAY_ID);
    if (overlay && overlay.parentNode) {
      overlay.parentNode.removeChild(overlay);
    }
  }

  function showSliderAndRedirect(url, messengerName) {
    if (document.getElementById(OVERLAY_ID)) return;

    var overlay = document.createElement('div');
    overlay.id = OVERLAY_ID;
    overlay.style.cssText = 'position:fixed;inset:0;background:rgba(15,23,42,.62);z-index:2147483647;display:flex;align-items:center;justify-content:center;padding:18px;cursor:pointer;';

    var box = document.createElement('div');
    box.style.cssText = 'position:relative;width:min(360px,100%);border-radius:18px;background:#fff;padding:28px 24px 24px;text-align:center;box-shadow:0 18px 60px rgba(15,23,42,.3);font-family:Arial,sans-serif;cursor:default;';
    box.innerHTML =
      '<button id="msg-close" type="button" aria-label="Закрыть" style="position:absolute;top:10px;right:10px;width:30px;height:30px;border:0;border-radius:50%;background:#f1f5f9;color:#475569;font-size:19px;line-height:30px;cursor:pointer;">×</button>' +
      '<div style="font-size:20px;font-weight:700;color:#111827;margin-bottom:10px;">' + getMessengerTitle(messengerName) + '</div>' +
      '<div style="font-size:14px;line-height:1.45;color:#475569;margin-bottom:18px;">Проведите ползунок вправо, чтобы перейти</div>' +
      '<div id="msg-slider" style="position:relative;height:52px;border-radius:999px;background:#e5e7eb;overflow:hidden;touch-action:none;">' +
        '<div id="msg-track" style="position:absolute;inset:0 auto 0 0;width:0;background:#bfdbfe;"></div>' +
        '<div id="msg-handle" style="position:absolute;left:6px;top:6px;width:40px;height:40px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;cursor:grab;touch-action:none;user-select:none;">→</div>' +
        '<div style="position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:14px;color:#64748b;pointer-events:none;">Проведите вправо</div>' +
      '</div>' +
      '<div style="margin-top:10px;font-size:12px;color:#94a3b8;">Защита от ботов</div>';

    overlay.appendChild(box);
    document.body.appendChild(overlay);
    sendGoal('messenger_slider_open_' + messengerName);

    var slider = box.querySelector('#msg-slider');
    var handle = box.querySelector('#msg-handle');
    var track = box.querySelector('#msg-track');
    var closeBtn = box.querySelector('#msg-close');
    var dragging = false;
    var startX = 0;
    var startLeft = 6;
    var maxLeft = 0;

    function updateMaxLeft() {
      maxLeft = slider.offsetWidth - handle.offsetWidth - 12;
    }

    function getEventX(event) {
      if (event.touches && event.touches[0]) return event.touches[0].clientX;
      if (event.changedTouches && event.changedTouches[0]) return event.changedTouches[0].clientX;
      return event.clientX;
    }

    function updatePosition(left) {
      var nextLeft = Math.max(6, Math.min(left, maxLeft || 6));
      var progress = maxLeft > 6 ? (nextLeft - 6) / (maxLeft - 6) : 0;
      handle.style.left = nextLeft + 'px';
      track.style.width = Math.max(0, Math.min(progress * 100, 100)) + '%';
      return nextLeft;
    }

    function resetSlider() {
      handle.style.transition = 'left .2s ease';
      track.style.transition = 'width .2s ease';
      updatePosition(6);
      setTimeout(function () {
        handle.style.transition = '';
        track.style.transition = '';
      }, 220);
    }

    function cleanup() {
      document.removeEventListener('mousemove', handleMove);
      document.removeEventListener('touchmove', handleMove);
      document.removeEventListener('mouseup', handleEnd);
      document.removeEventListener('touchend', handleEnd);
      window.removeEventListener('resize', updateMaxLeft);
      window.removeEventListener('pageshow', handlePageShow);
      handle.removeEventListener('mousedown', handleStart);
      handle.removeEventListener('touchstart', handleStart);
      if (closeBtn) {
        closeBtn.removeEventListener('click', handleClose);
        closeBtn.removeEventListener('touchstart', handleClose);
      }
    }

    function handleStart(event) {
      updateMaxLeft();
      dragging = true;
      startX = getEventX(event);
      startLeft = parseInt(handle.style.left, 10) || 6;
      handle.style.cursor = 'grabbing';
      hardStop(event);
    }

    function handleMove(event) {
      if (!dragging) return;
      updatePosition(startLeft + getEventX(event) - startX);
      hardStop(event);
    }

    function handleEnd(event) {
      if (!dragging) return;
      dragging = false;
      handle.style.cursor = 'grab';

      var position = parseInt(handle.style.left, 10) || 6;
      if (position >= maxLeft - 2) {
        sendGoal('messenger_slider_success');
        sendGoal('messenger_slider_success_' + messengerName);
        sendGoal('messenger_redirect_' + messengerName);
        cleanup();
        closeOverlay();
        try {
          window.location.href = url;
        } catch (err) {
          window.open(url, '_self');
        }
      } else {
        resetSlider();
      }

      hardStop(event);
    }

    function handleClose(event) {
      sendGoal('messenger_slider_close_' + messengerName);
      cleanup();
      closeOverlay();
      hardStop(event);
    }

    function handlePageShow() {
      closeOverlay();
      window.removeEventListener('pageshow', handlePageShow);
    }

    overlay.addEventListener('click', function (event) {
      if (event.target === overlay) {
        handleClose(event);
      }
    }, true);
    handle.addEventListener('mousedown', handleStart);
    handle.addEventListener('touchstart', handleStart, { passive: false });
    if (closeBtn) closeBtn.addEventListener('click', handleClose);
    if (closeBtn) closeBtn.addEventListener('touchstart', handleClose, { passive: false });
    document.addEventListener('mousemove', handleMove, { passive: false });
    document.addEventListener('touchmove', handleMove, { passive: false });
    document.addEventListener('mouseup', handleEnd, { passive: false });
    document.addEventListener('touchend', handleEnd, { passive: false });
    window.addEventListener('resize', updateMaxLeft);
    window.addEventListener('pageshow', handlePageShow);
    updateMaxLeft();
  }

  function findPatchedLink(target) {
    if (!target || !target.closest) return null;
    return target.closest('a[data-msg-patched="1"][data-msg-href]');
  }

  function handleMessengerClick(event) {
    var link = findPatchedLink(event.target);
    if (!link) return;

    hardStop(event);
    if (event.type !== 'click' && event.type !== 'touchend' && event.type !== 'pointerup') return;

    var now = Date.now();
    if (now - lastTriggerTs < 400) return;
    lastTriggerTs = now;

    var url = link.getAttribute('data-msg-href');
    var messengerName = link.getAttribute('data-msg-name') || getMessengerName(url);
    if (!url || !messengerName) return;

    showSliderAndRedirect(url, messengerName);
  }

  patchAll(document);

  var observer = new MutationObserver(function (mutations) {
    for (var mutationIndex = 0; mutationIndex < mutations.length; mutationIndex += 1) {
      var nodes = mutations[mutationIndex].addedNodes;
      for (var nodeIndex = 0; nodeIndex < nodes.length; nodeIndex += 1) {
        var node = nodes[nodeIndex];
        if (node && node.nodeType === 1) {
          patchAll(node);
        }
      }
    }
  });
  observer.observe(document.documentElement, { childList: true, subtree: true });

  ['pointerdown', 'mousedown', 'touchstart', 'click', 'auxclick', 'touchend', 'pointerup'].forEach(function (eventName) {
    window.addEventListener(eventName, handleMessengerClick, { capture: true, passive: false });
  });
})();
</script>

Что делает сервис

Генератор подставляет номер счётчика Метрики и формирует скрипт для ссылок Telegram, WhatsApp и Max.

Какие цели отправляет скрипт

Создайте в Метрике JavaScript-события с этими идентификаторами. Каждый ID можно скопировать отдельно или одним списком.

ОбщаяСлайдер пройден

messenger_slider_success

Пользователь довёл ползунок до конца перед переходом.

TelegramСлайдер пройден

messenger_slider_success_telegram

Успешный жест перед переходом в Telegram.

TelegramПереход после слайдера

messenger_redirect_telegram

Переход в Telegram после подтверждения слайдером.

WhatsAppСлайдер пройден

messenger_slider_success_whatsapp

Успешный жест перед переходом в WhatsApp.

WhatsAppПереход после слайдера

messenger_redirect_whatsapp

Переход в WhatsApp после подтверждения слайдером.

MaxСлайдер пройден

messenger_slider_success_max

Успешный жест перед переходом в Max.

MaxПереход после слайдера

messenger_redirect_max

Переход в Max после подтверждения слайдером.

Как установить

Введите номер счётчика Яндекс Метрики.
Сгенерируйте код и скопируйте его.
Добавьте код перед закрывающим тегом body или в HTML-блок сайта.
Создайте JavaScript-события в Метрике и проверьте переход по тестовой ссылке на мессенджер.

Приватность

Генерация работает в браузере. Введённый номер счётчика и готовый код не отправляются на сервер.

FAQ

Частые вопросы

Какие ссылки обрабатывает скрипт?
Скрипт ищет ссылки на tg://, t.me, telegram.me, whatsapp://, wa.me, api.whatsapp.com и max.ru, затем заменяет прямой переход на окно со слайдером.
Можно ли использовать другой счётчик Метрики?
Да. Введите нужный номер счётчика в поле генератора, и код будет сформирован с ним.
Нужно ли вручную менять ссылки мессенджеров?
Нет. Скрипт патчит уже существующие ссылки и следит за новыми элементами через MutationObserver.

Нужна консультация

Подскажу, как подготовить данные и запустить аудитории

Разберем задачу, формат данных и следующий шаг.

Получить консультацию