Timepad, это сервис для организаторов событий, позволяющие сделать лендинг для вашего события или создать форму регистрации на сайте или в соцсетях, или форму для сбора контактов.
Интеграция коллтрекинга позволяет собирать статистику обращений через форму "Анкета регистрации" от Timepad. Обобщенный пример внешнего вида формы "Анкета регистрации" показан на рисунке:
Интеграция коллтрекинга с Timepad работает на основе Webhook:
  • после отправки данных регистрации через форму "анкета регистрации", Timepad автоматически передает в коллтрекинг Webhook с данными из формы;
  • коллтрекинг привязывает обращение к тому или иному сеансу, рекламному каналу, ключевому слову, региону и т. д., при этом в Журнале коллтрекинга и в Сквозной аналитике обращение из формы обратной связи Timepad, как обращение с типом "Заявка с сайта".
Перед тем, как настраивать интеграцию коллтрекинга с Timepad, Вы должны:
1) подключить коллтрекинг MANGO OFFICE к Вашему сайту;
2) являться Клиентом Timepad и настроить форму "анкета регистрации" Timepad, чтобы собирать обращения и передавать эти данные в коллтрекинг;
3) вставить в код Вашего сайта дополнительный код интеграции коллтрекинга, чтобы повысить точность сбора статистики по обращениям из Timepad.


Шаг Описание
 
1) Подключение услуги в Личном кабинете MANGO OFFICE Вы подключаете виджет интеграции, а также получаете Webhook URL для дальнейшей настройки интеграции.
2) Настройка интеграции в личном кабинете Timepad Вы добавляете в настройки Timepad полученный Вами ранее Webhook URL и устанавливаете другие настройки интеграции.
Важно. Перед тем, как настраивать интеграцию, убедитесь, что выполняются необходимые требования.
Чтобы подключить интеграцию, в Личном кабинете MANGO OFFICE необходимо:
1) откройте список интеграций коллтрекинга;
2) выберите виджет коллтрекинга, к которому будет подключена интеграция;
3) нажмите на блок "Timepad":
4) активируйте переключатель "Импорт данных от Timepad", чтобы появилось поле "Webhook URL";
5) нажмите на кнопку "Скопировать", чтобы скопировать Webhook URL;
6) сохраните данный Webhook URL, например, в Блокнот, для дальнейшей настройки интеграции:
Переходите к настройке интеграции в Личном кабинете Timepad.


Для настройки интеграции в Личном кабинете Timepad, необходимо:
1) войдите в Ваш Timepad;
2) создайте новое событие или перейдите в раздел "Главная" и найдите блок с данными нужного вам события;
3) нажмите кнопку "Действия", затем в выпадающем списке выберите значение "Изменить событие":
4) нажмите на пункт "Анкета регистрации" в блоке "Редактирование";
5) нажмите на кнопку "Добавить вопрос". В выпадающем меню выберите пункт "Коротки произвольный ответ":
6) в поле "Текст вопроса" нужно указать значение "Mango" (с большой буквы латиницей);
7) обязательно активировать переключатель "Ответ на вопрос обязателен";
8) нажмите кнопку "Сохранить":
9) нажмите кнопку "Сохранить" в анкете регистрации. Вопросы анкеты регистрации будут сохранены:
10) перейдите на вкладку "Организация";
11) нажмите на блок "Интеграция". В открывшемся меню выберите пункт "Вебхуки;
12) нажмите кнопку "Добавить" в блоке "Изменение статуса заказа":
13) укажите Webhook URL, полученный Вами ранее, в поле "Ссылка для уведомления";
14) нажмите кнопку "Сохранить":
Настройка интеграции в личном кабинете Timepad завершена, далее Вам нужно разместить дополнительный код интеграции коллтрекинга на Вашем сайте.


Чтобы интеграция коллтрекинга с Timepad заработала, необходимо выполнить следующие действия:
1) вставить дополнительный код коллтрекинга в код Вашего сайта;
2) изменить код размещения Timepad таким образом, чтобы он мог передавать данных об обращениях в коллтрекинг и вставить измененный код в код вашего сайта.


Вам нужно скопировать следующий код и вставить его код на КАЖДУЮ страницу сайта ОДИН раз, перед закрывающимся тегом </body>:
<script type="text/javascript">
      (function (window) {
         function getCookies() {
         var cArr = document.cookie.split('; ');
         var cObj = {};
         cArr.forEach(function(cRaw) {
            var cSpl = cRaw.split('=');
            cObj[cSpl[0]] = cSpl[1];
         });
         return cObj;
      }

         // В эту функцию мы напишем код, который возвращает метку, которая будет записана в заказ
         var getMgoUid = function (widget, cb) {
            var c = getCookies();
            var mgoUid = c['mgo_uid'] ? ('mgo_uid:' + c['mgo_uid']) : null;
            cb(mgoUid);
         };

         var handleAttendeeQuestion = function (widget, attendee) {
         // Находим вопрос в модели по его названию
         var question = TWF2.Collections.A.whereSingle(attendee.questionsSet, function (q) {
               return q.name == "Mango"
            });

            if (question) { // если нашли
               var $input = widget
               .$$("[data-formname='" + question.formname + "']") // то находим его на странице
               .hide() // прячем
               .find('input'); // ищем в нём поле ввода

            // и прописываем метку
             getMgoUid(widget, function (val) {
               $input.val(val);
            });
         }
         };

         // вешаем обработчик на каждую перерисовку формы
         window.handleTWFpostRepaint = function (e) {
            if (this.model.attendees.length) {
            handleAttendeeQuestion(this, this.model.attendees[0]);
         }
      };

      // вешаем обработчик на добавление новых форм участников (если у события используются мультианкеты)
      window.handleTWFattendeeFormAdded = function (e) {
            handleAttendeeQuestion(this, e.attendee);
         };
      })(window);
</script>
1) скопируйте код виджета из формы Timepad
2) вставьте скопированный код в любой текстовый редактор, например "Блокнот";
3) вставьте в код виджета следующий специальный элемент:
       - код интеграции коллтрекинга. Это обязательный элемент, по которому Timepad передает данные в коллтрекинг:
       (function() {
         return {
         "bindEvents": {
            "postRepaint": "handleTWFpostRepaint",
            "attendeeFormAdded": "handleTWFattendeeFormAdded",
         }
         };
      })();

Пример кода размещения Timepad, измененного для интеграции с коллтрекингом:
<script type="text/javascript" async="async" defer="defer" charset="UTF-8" src="https://timepad.ru/js/tpwf/loader/min/loader.js" data-timepad-customized="150862" data-twf2s-event--id="1721557" data-timepad-widget-v2="event_register">

   (function() {
      return {
         "bindEvents": {
            "postRepaint": "handleTWFpostRepaint",
            "attendeeFormAdded": "handleTWFattendeeFormAdded",
         }
      };
   })();
</script>

4) вставьте измененный код Timepad в код Вашего сайта ОДИН раз перед закрывающемся тегом </body>.
Настройка интеграции коллтрекинга с Timepad завершена.
Обращение из формы Timepad, фиксируется в Журнале коллтрекинга и в Сквозной аналитике как обращение с типом "Заявка с сайта".

Обратите внимание, что обращение из формы Timepad фиксируется как полученное из канала "timepad" (см. рисунок ниже) только в случаях, когда Клиент (оставивший Вам обращение) перешел на Ваш сайт по ссылке, НЕ содержащий utm-меток. Если Клиент перешел по ссылке с utm-метками, они будут указаны в обращении.

Вы нашли ответы на все свои вопросы в данной статье?