将URL参数放入WordPress“原始HTML”内容元素中

Question

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

我不知道该怎么做。该表格在以下位置运行正常：https://HelloExit.com/instant-valuation

但是我希望能够将人们发送到https://HelloExit.com/instant-valuation/?source=XXXX并将XXXX作为“数据URL”中的“源”值拉入Typeform代码。

这是我尝试过的：

<script>
function getUrlVars() {
    var vars = {};
    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
        vars[key] = value;
    });
    return vars;
}
var source = getUrlVars()["source"];
</script>

<div class="typeform-widget" data-url="https://xgenius.typeform.com/to/zZHPPk?source=source" 
data-transparency="100" data-hide-headers=true data-hide-footer=true 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 style="font-family: Sans-Serif;font-size: 12px;color: #999;opacity: 0.5; 
padding-top: 5px;"> powered by <a href="https://admin.typeform.com/signup? 
utm_campaign=zZHPPk&utm_source=typeform.com-01D8JVB4T91A26RA6WEZRZVF05- 
pro&utm_medium=typeform&utm_content=typeform-embedded-poweredbytypeform&utm_term=EN" 
style="color: #999" target="_blank">Typeform</a> </div>
任何帮助将不胜感激！

我正在使用URL Params插件使用短代码将参数提取到常规内容中。但是我必须使用Raw HTML块将Typeform代码插入页面，并且我希望能够传递URL ...

Answer 1

您已经关闭，但是您需要使用Javascript来更改div的data-url属性。