Wistia Javascript API - событие преобразования для перенаправления на страницу подтверждения

#javascript #wistia

Вопрос:

Я использую турникет Wistia для захвата электронной почты в конце видео. Проблема в том, что я хотел бы перенаправить на другую страницу после того, как пользователь нажмет кнопку отправки. В сообщении будет содержаться запрос на проверку электронной почты для подтверждения двойного согласия.

Я пытался использовать 2 типа встраивания без успеха.

IFrame:

 <iframe src="//fast.wistia.net/embed/iframe/7zu6ze7v40?videoFoam=true" allowtransparency="true" frameborder="0" scrolling="yes" class="wistia_embed" name="wistia_embed" allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen id="my_wistia_video"></iframe>
<script src="//fast.wistia.net/assets/external/iframe-api-v1.js"></script>
<script>
  wistiaEmbed = document.getElementById("my_wistia_video").wistiaApi;
  wistiaEmbed.bind("conversion", function(type, val) {
  window.location.href == "http://the_page";
});
</script>

API:

 <div id="wistia_7zu6ze7v40" class="wistia_embed" style="width:640px;height:508px;">amp;nbsp;</div>
<script charset="ISO-8859-1" src="//fast.wistia.com/assets/external/E-v1.js"></script>
<script>
  wistiaEmbed = Wistia.embed("7zu6ze7v40", {
    videoFoam: true
  });
  wistiaEmbed.bind("conversion", function(type, val) {
    window.location.href == "http://the_page";
  });
</script>

Какие-либо подсказки или советы?

Ответ №1:

Похоже, вы используете оператор сравнения (логический оператор) там с == , и вы захотите использовать один = в этом месте, чтобы просто установить window.location.href в вашем примере. Если вам интересно узнать больше об операторах сравнения, проверьте эту страницу W3.

В любом случае, я бы рекомендовал эту вставку:

 <div id="wistia_7zu6ze7v40" class="wistia_embed" style="width:640px;height:508px;">amp;nbsp;</div>
<script charset="ISO-8859-1" src="//fast.wistia.com/assets/external/E-v1.js"></script>
<script>
  wistiaEmbed = Wistia.embed("7zu6ze7v40", {
videoFoam: true
  });
  wistiaEmbed.bind("conversion", function(type, val) {
    window.location.href = "http://the_page";
  });
</script>

1. Спасибо! К сожалению, это не решило проблему. Версия API не позволяет мне вставлять электронное письмо в поле, а версия Iframe не показывает турникет. Есть идеи, что происходит?

Ответ №2:

Я не смог найти ответ на свой вопрос, но я решил проблему другим способом, который может быть еще лучше в зависимости от конкретного случая.

Идея состоит в том, чтобы включить форму на страницу, на которой находится видео, и показывать форму только тогда, когда видео заканчивается. Div формы должен иметь «display: none;», и этот код заставит его появиться, когда видео закончится:

 <script>
  wistiaEmbed = document.getElementById("my_wistia_video").wistiaApi;
  wistiaEmbed.bind("end", function() {  
    document.getElementById("div_id").style.display = 'block';
  });
</script>

В этом случае я перестал использовать turnistle. Я использую призыв к действию, хотя считаю, что редактирование видео может быть другим решением.