Как настроить сбор данных из формы сайта на Тильде

Сбор данных с форм на страницах конструктора Tilda с помощью js скрипта

Для того, чтобы собирать данные из форм сайтов, созданных на Tilda, добавьте в раздел "Настройки" - "Cбор данных о посетителях" -  "Настроить JavaScript код" следующий скрипт с данными о форме:

function mySuccessFunction(form) {
    if (!form) return;
    if (form instanceof jQuery) {
        form = form.get(0);
    }
    var leadId = form.tildaTranId;
    var orderId = form.tildaOrderId;
    var obj = {};
    var inputs = form.elements;
    Array.prototype.forEach.call(inputs, function(input) {
        obj[input.name] = input.value;
    });
    /*

Для обращения к значению поля формы используйте:

obj["Name"]
obj["Phone"]
obj["Email"]

Пример записи события и свойств при ответе на форму:

    carrotquest.track('Ответил на форму');
    carrotquest.identify([
        { op: 'update_or_create', key: '$name', value: obj["Name"] },
        { op: 'update_or_create', key: '$email', value: obj["Email"] },
        { op: 'update_or_create', key: '$phone', value: obj["Phone"] }
   ]);
    /*
}
if (document.readyState !== 'loading') {
    us_sendFormAfterSuccess();
} else {
    document.addEventListener('DOMContentLoaded', us_sendFormAfterSuccess);
} 

function us_sendFormAfterSuccess() {
    var forms = document.querySelectorAll('.js-form-proccess');
    Array.prototype.forEach.call(forms, function(form) {
        form.addEventListener('tildaform:aftersuccess', function() {
            mySuccessFunction(form);
        });
    });
}

В примере использованы методы track и identify, которые запишут в карточку пользователя событие при заполнении формы (Отправил форму) и обновят свойства пользователя (Имя, Фамилия и Телефон).

Обратите внимание, что для записи свойств в случае с Именем и Телефоном использованы системные названия (содержат ключ $). Полный список системных свойств есть здесь. В случае, если какого-либо свойства нет в списке, вы можете записать любое своё (как это показано на примере свойства Фамилия).

Формат установки свойств (операции 'update_or_create' и прочие) описаны в этой статье.

Работает на