Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/375.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将url参数传递给登录页上的嵌入式表单/iFrame_Javascript_Html_Iframe_Hubspot_Typeform - Fatal编程技术网

Javascript 将url参数传递给登录页上的嵌入式表单/iFrame

Javascript 将url参数传递给登录页上的嵌入式表单/iFrame,javascript,html,iframe,hubspot,typeform,Javascript,Html,Iframe,Hubspot,Typeform,我想将url参数(隐藏字段)传递到Hubspot登录页上的iframe/嵌入表单 我想传递给Typeform的url参数是utm\u source、email和referralcode 我目前正在处理的一个页面示例: (功能(){ var qs,js,q,s,d=文件, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id=“typef_orm”, b=”https://embed.typeform.com

我想将url参数(隐藏字段)传递到Hubspot登录页上的iframe/嵌入表单

我想传递给Typeform的url参数是
utm\u source
email
referralcode

我目前正在处理的一个页面示例:


(功能(){
var qs,js,q,s,d=文件,
gi=d.getElementById,
ce=d.createElement,
gt=d.getElementsByTagName,
id=“typef_orm”,
b=”https://embed.typeform.com/";
如果(!gi.call(d,id)){
js=ce.call(d,“脚本”);
js.id=id;
js.src=b+“embed.js”;
q=gt.调用(d,“脚本”)[0];
q、 parentNode.insertBefore(js,q)
}
})()
我需要添加什么代码才能将url参数传递到嵌入表单? 谢谢

这可以使用

看到一个小故障了吗

你可以编辑

复制步骤:

  • 在HTML中包含Typeform嵌入SDK
  • 从URL中提取参数

    let params=新的URLSearchParams(location.search)

  • 重建表单URL

    var url=”https://YOUR_SUBDOMAIN.typeform.com/to/YOUR_TYPEFORM_ID"
    url+=“?utm_source=“+params.get('utm_source')

  • 在目标
    div中显示表单

    const embeddeElement=document.querySelector('.target dom node')
    window.typeformEmbed.makeWidget(
    嵌入元素,
    网址,
    {
    隐藏者:没错,
    是的,
    }
    )


  • 希望有帮助:)

    您可以通过javascript(element.setAttribute)更新
    数据url
    属性,将它们作为GET参数包含进来?然而,在您的示例中没有有效的HTML表单,所以我不知道这是否能回答您的问题。