Tracking form button submit events about docs HOT 5 CLOSED

<div data-analytics='"My Event Without Properties"'>
    <form>
        <button type="submit">Send Message</button>
    </form>
</div>

<div data-analytics='"My Event",{"props":{"my_property":"some_value"}}'>
    <form>
        <button type="submit">Send Message</button>
    </form>
</div>

<script>
    let wrapperElements = document.querySelectorAll('div[data-analytics]')
    for (var i = 0; i < wrapperElements.length; i++) {
        let wrapper = wrapperElements[i]
        var form = wrapper.children[0]

        let attributes = wrapper.getAttribute('data-analytics').split(/,(.+)/);
        let eventName = JSON.parse(attributes[0])
        let eventOptions = JSON.parse(attributes[1] || '{}')
        eventOptions.callback = function() { form.submit() }

        form.addEventListener('submit', function(event) {
            event.preventDefault();
            setTimeout(eventOptions.callback, 5000);
            plausible(eventName, eventOptions)
        })
    }
</script>

<div class="parent" data-analytics='"My Event Without Properties"'>
  <div class="child">
      <form>
          <button type="submit">Send Message</button>
      </form>
  </div>
</div>