Как быстро настроить отслеживание воронки для Wizardа?

Question

[Евгений]

Здравствуйте, коллеги.

Есть у меня на странице визард (это когда форма разбита по шагам-слайдам).

Хочу измерять, на каком шаге визарда отваливается посетитель.

Использую вот этот скрипт для визарда — https://github.com/oguzhanoya/jquery-steps

А вот такой HTML код формы:

<form>
  
  <div class="step-app">

    <!--Слайды визарда-->
    <ul class="step-steps ipsBox ipsBox_transparent">
      <li><a href="#tab0"></a></li>
      <li><a href="#tab1"></a></li>
    </ul>

    <ul class="step-content">

     <li id="tab0">
      Слайд 1
      <input>
      <input>
    </li>

    <li id="tab1">
      Слайд 2
      <input>
      <input>
    </li>

  </ul>

</div>

<!--Кнопки переключения между слайдами визарда-->
<div class="step-footer">
  <button data-direction="prev" >Назад</button>
  <button data-direction="next" >Далее</button>
</div>

</form>

Без проблем установил событие на отправку форми, но как мне отслеживать шаги в Метрике и Аналитике, учитывая, что количество #tab* заранее не известно. Шагом может быть сколько угодно и мне нужно знать, на каком из шагов отваливается посетитель на конкретной странице.

Подскажите, пожалуйста, как решить эту проблему раз и навсегда.