Какие email заменяет скрипт?

Скрипт заменяет только тот адрес, который вы указали в поле «Почта, которую меняем». Если на сайте несколько адресов, для каждого сценария лучше сформировать отдельный код или адаптировать список адресов вручную.

Будет ли подмена работать без UTM-метки?

Нет. Подмена включается только при utm_source=yandex или utm_source=ya, чтобы не менять email для органики, прямых переходов и других источников.

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

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

Обучение

Email-трекер для Яндекс Директа

Сгенерируйте скрипт для подмены email по рекламным переходам из Яндекса и отслеживания копирования почты в Яндекс Метрике.

Сервис формирует готовый JS-код: при utm_source=yandex или utm_source=ya он заменяет указанный email на нужный адрес, следит за новыми элементами на странице и отправляет цели при подмене и копировании почты.

Превью

Подмена email

Если посетитель пришел с рекламной UTM-меткой Яндекса, почта на сайте будет заменена.

info@site.ru→gaiphutdinov@yandex.ru

При копировании любого из этих email отправляется цель emailCopied.

Готовый код

Подмена email по UTM и цели emailCopied / email_swap

<!-- Email-трекер для Яндекс Директа — GAIPHUTDINOV.RU -->
<script>
/**
 * Скрипт подмены email по utm_source=yandex/ya и трекинга копирования.
 * Сайт: GAIPHUTDINOV.RU
 * Цели Метрики: emailCopied, email_swap.
 */
(function () {
  var COUNTER_ID = 12345678;
  var FROM_EMAIL = "info@site.ru";
  var TO_EMAIL = "gaiphutdinov@yandex.ru";
  var UTM_VALUES = ["yandex", "ya"];

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

  function shouldSwap() {
    try {
      var params = new URLSearchParams(window.location.search || "");
      var utmSource = String(params.get("utm_source") || "").toLowerCase();
      return UTM_VALUES.indexOf(utmSource) !== -1;
    } catch (err) {
      return false;
    }
  }

  function safeLower(value) {
    return String(value || "").toLowerCase();
  }

  function escapeRegExp(value) {
    return String(value).replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
  }

  function hasEmail(value, fromEmail, toEmail) {
    var text = safeLower(value);
    return text.indexOf(safeLower(fromEmail)) !== -1 || text.indexOf(safeLower(toEmail)) !== -1;
  }

  function replaceEmail(value, fromRe, toEmail) {
    fromRe.lastIndex = 0;
    if (!fromRe.test(value)) return value;
    fromRe.lastIndex = 0;
    return String(value).replace(fromRe, toEmail);
  }

  function swapInTextNode(node, fromRe, toEmail) {
    if (!node || node.nodeType !== Node.TEXT_NODE) return;
    node.nodeValue = replaceEmail(node.nodeValue || "", fromRe, toEmail);
  }

  function swapInAttrs(element, fromRe, toEmail) {
    if (!element || !element.getAttribute) return;
    var attrs = ["href", "title", "aria-label", "data-email", "value", "placeholder"];

    for (var i = 0; i < attrs.length; i++) {
      var attr = attrs[i];
      var value = element.getAttribute(attr);
      if (value) element.setAttribute(attr, replaceEmail(value, fromRe, toEmail));
    }
  }

  function runSwap(root, fromRe, toEmail) {
    var base = root || document.body;
    if (!base) return;

    if (base.nodeType === Node.TEXT_NODE) {
      swapInTextNode(base, fromRe, toEmail);
      return;
    }

    swapInAttrs(base, fromRe, toEmail);

    var walker = document.createTreeWalker(base, NodeFilter.SHOW_TEXT, null);
    var node;
    while ((node = walker.nextNode())) swapInTextNode(node, fromRe, toEmail);

    var nodes = base.querySelectorAll
      ? base.querySelectorAll('a[href^="mailto:"], [data-email], [aria-label], [title], input, textarea')
      : [];

    for (var i = 0; i < nodes.length; i++) swapInAttrs(nodes[i], fromRe, toEmail);
  }

  function initSwap() {
    if (!shouldSwap()) return;
    if (safeLower(FROM_EMAIL) === safeLower(TO_EMAIL)) return;

    var fromRe = new RegExp(escapeRegExp(FROM_EMAIL), "gi");

    if (document.readyState === "loading") {
      document.addEventListener("DOMContentLoaded", function () {
        runSwap(document.body, fromRe, TO_EMAIL);
      });
    } else {
      runSwap(document.body, fromRe, TO_EMAIL);
    }

    var observer = new MutationObserver(function (mutations) {
      for (var i = 0; i < mutations.length; i++) {
        for (var j = 0; j < mutations[i].addedNodes.length; j++) {
          runSwap(mutations[i].addedNodes[j], fromRe, TO_EMAIL);
        }
      }
    });

    observer.observe(document.documentElement, { childList: true, subtree: true });
    sendGoal("email_swap");
  }

  function handleCopyEvent() {
    var copiedText = (window.getSelection && window.getSelection().toString()) || "";
    if (copiedText && hasEmail(copiedText, FROM_EMAIL, TO_EMAIL)) {
      sendGoal("emailCopied", { email: copiedText });
    }
  }

  function handleMailtoRightClick(event) {
    var target = event.target && event.target.closest ? event.target.closest("a[href]") : null;
    if (!target || event.button !== 2) return;

    var href = target.getAttribute("href") || "";
    if (href.toLowerCase().indexOf("mailto:") !== 0) return;

    var email = href.slice(7).split("?")[0];
    if (hasEmail(email, FROM_EMAIL, TO_EMAIL)) {
      sendGoal("emailCopied", { email: email });
    }
  }

  document.addEventListener("copy", handleCopyEvent);
  document.addEventListener("contextmenu", handleMailtoRightClick);
  initSwap();
})();
</script>

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

Генератор подставляет исходную почту, почту для подмены и номер счётчика Метрики. Скрипт меняет email в тексте, mailto-ссылках и атрибутах, а затем отслеживает копирование старого или нового адреса.

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

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

Копирование email

emailCopied

Срабатывает при копировании текста с исходной или подмененной почтой, а также при правом клике по mailto-ссылке.

Подмена email

email_swap

Срабатывает один раз, когда на странице найден utm_source=yandex или utm_source=ya и скрипт запускает подмену.

Когда срабатывает подмена

Подмена включается только при utm_source=yandex или utm_source=ya.
Скрипт меняет текстовые узлы, mailto-ссылки, title, aria-label, data-email, value и placeholder.
Новые блоки, которые появляются после загрузки страницы, тоже обрабатываются через MutationObserver.

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

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

Приватность

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

FAQ

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

Какие email заменяет скрипт?
Скрипт заменяет только тот адрес, который вы указали в поле «Почта, которую меняем». Если на сайте несколько адресов, для каждого сценария лучше сформировать отдельный код или адаптировать список адресов вручную.
Будет ли подмена работать без UTM-метки?
Нет. Подмена включается только при utm_source=yandex или utm_source=ya, чтобы не менять email для органики, прямых переходов и других источников.
Можно ли использовать другой счётчик Метрики?
Да. Введите нужный номер счётчика в поле генератора, и код будет сформирован с ним.

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

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

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

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