Передача параметра URL в вопросе iframe - PullRequest
Новая
       44

Передача параметра URL в вопросе iframe

0 голосов
/ 06 апреля 2020

ser переходит на http://yoursite.com/your-typeform-page?code=1 с помощью браузера, на этой странице необходимо добавить IFRAME с URL в качестве data-url = https://yoursite.typeform.com/to/U5aOQR?code=1

Я хочу передать параметр url в качестве входных данных в iFrame. 

<script>
 queryString = window.location.search;
var urlParams  = new URLSearchParams(queryString);
var code = urlParams.get('code')

 </script>

  <div class="typeform-widget" data-url="https://yoursite.typeform.com/to/U5aOQR?code"+ code 
 style="width: 100%; height: 500px;"></div>
<script> (function() { var qs,js,q,s,d=document,gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm", b="https://embed.typeform.com/"; if(!gi.call(d,id)) { js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script>

 </div>

В основном я хочу передать значение кода из строки 4 для ввода в виде строки в строке 9.

Спасибо за ваше время и внимание .

1 Ответ

0 голосов
/ 07 апреля 2020

Я думаю, что ваш вопрос является дубликатом этого вопроса .

Вы можете увидеть рабочий пример Я сделал на Glitch

Вы можете edit здесь .

Шаги для воспроизведения:

  1. Включение SDK Typeform Embed в ваш HTML

  2. Извлечение параметров из URL

    let params = new URLSearchParams(location.search);

  3. Реконструкция URL формы 

    url += "?utm_source=" + params.get('utm_source');

  4. Отображение формы в целевом объекте div

    window.typeformEmbed.makeWidget(
  embedElement,
  url, 
  {
    hideHeaders: true,
    hideFooter: true,
  }
);```

Надеюсь, это поможет:)

...