将URL参数拉入WordPress中；原始HTML“；内容元素

我正在使用URL参数插件，通过一段短代码将参数拉入常规内容。但是我必须使用一个原始的HTML块将Typeform代码插入到页面中，并且我希望能够将URL参数传递到Typeform代码中，以跟踪表单提交的源代码

我不知道怎么做。表格在以下位置运行良好：

但我希望能够发送人员到并将XXXX作为“数据url”中的“源”值拉入类型代码中

以下是我尝试过的：

函数getUrlVars（）{
var vars={}；
var parts=window.location.href.replace（/[？&]+（[^=&]+）=（[^&]*）/gi，函数（m，键，值）{
变量[键]=值；
});
返回变量；
}
var source=getUrlVars（）[“source”]；
（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/“如果（！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）}}}（）
受

的支持，您很接近了，但是您需要使用Javascript来更改div的

数据url

属性

/。。。
var source=getUrlVars（）[“source”]；
//将url与源变量连接起来
var newUrl=`https://xgenius.typeform.com/to/zZHPPk?source=${source}`；
//获取要动态设置其属性的元素
// https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector
var widgetElement=document.querySelector（“.typeform小部件”）；
//设置源属性
// https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute
setAttribute（'data-url'，newUrl）；

---

仔细测试这一点，因为它可能仍然以竞争条件结束（也就是说，Typeform嵌入代码可能在更新它引用的

数据url

属性之前开始运行）。

您已经接近了，但是您需要使用Javascript来更改div的

数据url

属性

/。。。
var source=getUrlVars（）[“source”]；
//将url与源变量连接起来
var newUrl=`https://xgenius.typeform.com/to/zZHPPk?source=${source}`；
//获取要动态设置其属性的元素
// https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector
var widgetElement=document.querySelector（“.typeform小部件”）；
//设置源属性
// https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute
setAttribute（'data-url'，newUrl）；

---

仔细测试这一点，因为它可能仍然会以竞争条件结束（也就是说，Typeform嵌入代码可能会在您更新它引用的

数据url

属性之前开始运行）。

完全有效！视图源显示了硬编码的URL，但在后台它工作正常。谢谢你，小火！！伟大的顺便说一句，

查看源代码

将始终显示原始HTML。要在属性被动态更改后查看属性，请尝试右键单击相关元素并选择

Inspect element

。完全有效！视图源显示了硬编码的URL，但在后台它工作正常。谢谢你，小火！！伟大的顺便说一句，

查看源代码

将始终显示原始HTML。要在动态更改属性后查看属性，请尝试右键单击相关元素并选择

检查元素

。