如何检测用户是否已完成嵌入式Typeform?

时间:2017-02-07 11:01:20

标签: javascript forms typeform

我在iframe中的网页中嵌入了Typeform。从我的JS我想知道用户已经完成了字体形式(即点击提交)。字体JS似乎没有提供任何可以监听的事件。目前我只想出以下解决方案 - 在测试后定期调用以检测是否正在显示outro页面:

UIElement

有更好的方法吗?

2 个答案:

答案 0 :(得分:6)

好吧,所以我在上面的假设中错了 - 事实证明,当用户提交表单时,typeform iframe会发出一个事件。该事件名为form-submit,可以处理它,例如这样:

    window.addEventListener('message', function(event){
      if(event.data == 'form-submit')
        // your business logic here
    }, false);

答案 1 :(得分:4)

Typeform现在有一个'onSubmit'回调功能。

<script src="https://embed.typeform.com/embed.js"></script>
<script>
  window.addEventListener("DOMContentLoaded", function() {
    var el = document.getElementById("my-embedded-typeform");
    window.typeformEmbed.makeWidget(el, "https://admin.typeform.com/to/cVa5IG", {
    onSubmit: function() {
      alert("submited!");
    }
  });
});