iframe 中传递 URL 参数问题

塞尔去http://yoursite.com/your-typeform-page?code=1 http://yoursite.com/your-typeform-page?code=1使用浏览器，该页面需要添加一个 IFRAME，其 url 为 data-url=https://yoursite.typeform.com/to/U5aOQR?code=1 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 行中作为字符串输入。

感谢您的时间和考虑。

我认为你的问题是重复的这个问题 https://stackoverflow.com/questions/52768860/grab-parameters-from-url-using-html-only-for-typeform-embedding/52772649#52772649.

你可以看到一个工作示例 https://tf-embed-with-params.glitch.me?utm_source=stackoverflow_question我在 Glitch 上制作的

您可以编辑here https://glitch.com/edit/#!/tf-embed-with-params.

重现步骤：

1. 在 HTML 中包含 Typeform Embed SDK

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,
     }
   );```
   

希望能帮助到你 ：）