Подключение 1ОПД к Tilda через PHP-webhook

 <script>
// 1ОПД · приём согласий с форм Tilda — без своего сервера.
//
// Куда вставлять: Настройки страницы → «Дополнительно» → «HTML-код для
// вставки внутрь HEAD» (на одной странице) либо Настройки сайта →
// «Вставка кода» → HEAD (на всех). Поля для вставки в BODY у Тильды нет —
// и оно не нужно: обработчик вешается на document.
(function () {
  if (window.__opd1Loaded) return;   // код нередко вставляют дважды
  window.__opd1Loaded = true;

  var OPD = {
    url: 'https://v2.1opd.ru/api/v2/create-agreement',
    key: 'ВАШ_КЛЮЧ',                 // выпускается в кабинете, в карточке формы
    formId: 0,                       // form_id вашей формы согласия
    selector: 'form',                // 'form[name="form123456"]' — если форм несколько
    hashField: 'Email',
    known: ['email', 'first_name', 'phone_number'],  // поля вашей формы в 1ОПД
    alias: {
      email: ['email', 'e-mail', 'mail'],
      first_name: ['name', 'firstname', 'first_name'],
      phone_number: ['phone', 'tel', 'telephone']
    }
  };
  var sent = (window.__opd1Sent = window.__opd1Sent || {});

  // Имя поля Тильды → имя поля формы в 1ОПД. Не сопоставилось — не шлём:
  // одно чужое имя отбивает весь запрос вместе с согласием.
  function mapName(name) {
    if (OPD.known.indexOf(name) >= 0) return name;
    var low = String(name).toLowerCase();
    if (OPD.known.indexOf(low) >= 0) return low;
    for (var i = 0; i < OPD.known.length; i++) {
      if ((OPD.alias[OPD.known[i]] || []).indexOf(low) >= 0) return OPD.known[i];
    }
    return null;
  }

  function pick(form) {
    var fd = new FormData(form), fields = [], hash = '';
    fd.forEach(function (v, k) {
      if (String(v) === '') return;
      if (!/^[-a-zA-Z0-9_]+$/.test(k)) return;      // «Задача» и подобные
      if (k.indexOf('tildaspec') === 0) return;      // служебные поля Тильды
      var mapped = mapName(k);
      if (mapped) fields.push({ field: mapped, value: String(v) });
    });
    fd.forEach(function (v, k) {
      if (!hash && k.toLowerCase() === OPD.hashField.toLowerCase()) hash = String(v);
    });
    if (!hash) {
      var byType = form.querySelector('input[type="email"]');
      if (byType) hash = byType.value || '';
    }
    return { fields: fields, hash: hash };
  }

  function send(form) {
    if (!form || !form.matches || !form.matches(OPD.selector)) return;
    var data = pick(form);
    if (!data.hash) return;
    var mark = OPD.formId + '|' + data.hash;
    if (sent[mark]) return;                          // одна отправка — одно согласие
    sent[mark] = true;
    setTimeout(function () { delete sent[mark]; }, 60000);

    // Запрос намеренно «простой»: ключ в теле, Content-Type text/plain, ни
    // одного кастомного заголовка — тогда браузер не шлёт preflight.
    fetch(OPD.url, {
      method: 'POST',
      headers: { 'Content-Type': 'text/plain;charset=UTF-8' },
      body: JSON.stringify({
        api_key: OPD.key, form_id: OPD.formId,
        hash_field: data.hash, fields: data.fields
      })
    }).then(function (r) { return r.json().then(function (d) { return { s: r.status, d: d }; }); })
      .then(function (res) {
        if (res.s === 200 || res.s === 202) console.log('1ОПД: согласие принято', res.d && res.d.hash);
        else console.warn('1ОПД: приём отказал', res.s, res.d && (res.d.reason || JSON.stringify(res.d)));
      })
      .catch(function (e) { console.warn('1ОПД: ответ не получен', e); });
  }

  // Тильда отправляет форму своим обработчиком и нативного submit не
  // порождает — ловим факт успешной отправки: её сетевой запрос и блок
  // «Спасибо». Согласие пишется только по успеху.
  var lastForm = null;
  document.addEventListener('click', function (e) {
    var el = e.target && e.target.closest ? e.target.closest('form') : null;
    if (el) lastForm = el;
  }, true);

  function isTilda(u) {
    u = String(u || '');
    return u.indexOf('tildacdn') >= 0 || u.indexOf('/procces/') >= 0;
  }
  var xhrOpen = XMLHttpRequest.prototype.open, xhrSend = XMLHttpRequest.prototype.send;
  XMLHttpRequest.prototype.open = function (m, u) { this.__opdUrl = u; return xhrOpen.apply(this, arguments); };
  XMLHttpRequest.prototype.send = function () {
    var xhr = this;
    if (isTilda(xhr.__opdUrl)) {
      xhr.addEventListener('load', function () {
        if (xhr.status >= 200 && xhr.status < 300) send(lastForm);
      });
    }
    return xhrSend.apply(this, arguments);
  };
  var nativeFetch = window.fetch;
  if (nativeFetch) {
    window.fetch = function (input) {
      var u = typeof input === 'string' ? input : (input && input.url);
      var p = nativeFetch.apply(this, arguments);
      if (isTilda(u)) p.then(function (r) { if (r && r.ok) send(lastForm); }).catch(function () {});
      return p;
    };
  }
  new MutationObserver(function (muts) {
    for (var i = 0; i < muts.length; i++) {
      var added = muts[i].addedNodes || [];
      for (var j = 0; j < added.length; j++) {
        var n = added[j];
        if (n.nodeType === 1 && (n.className || '').toString().indexOf('t-form__successbox') >= 0) {
          send(n.closest ? n.closest('form') : lastForm);
        }
      }
    }
  }).observe(document.documentElement, { childList: true, subtree: true });
})();
</script>