文章/答案/技术大牛

发布

社区首页 >问答首页 >表单提交后如何在点击漏斗中传递参数？

问表单提交后如何在点击漏斗中传递参数？
EN

Stack Overflow用户

提问于 2019-05-15 15:16:40

回答 1查看 2.4K关注 0票数 2

我正试图追踪不同交通来源的销售情况。我有多个流量来源发送点击到我的点击漏斗登陆页面。我已经将utm_term参数附加到来自不同流量来源的链接。

因此，utm_term参数现在在登陆页(我的漏斗的第一页)，但是在我选择并提交表单以移动到第二页之后，参数就消失了。

如何将参数存储在某个地方并沿漏斗(第2、3、4和5页)传递？

最终，我需要将这个参数传递到第二页的一个按钮href中。

编辑:我使用来自DevQuickie的这个脚本将utm_term插入到按钮中：

<script type="text/javascript" src="https://cdn.rawgit.com/devQuickie/queryparams-to-a/f702ad7c/script.js"></script>

但是，我需要了解如何捕获参数并在提交表单后传递它。

或者，我认为这一概念可以工作，但它似乎不适用于单击漏斗中的“按钮操作”：

<script>
function getParameterByName(name, url) {
    if (!url) url = window.location.href;
    name = name.replace(/[\[\]]/g, "\\$&");
    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
        results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, " "));
}
var newParam = getParameterByName('parameter')
var nextURL3 = ('https://www.yourdomain.com/pagepath\?parameter\=' + newParam);
</script>

按钮代码：

<div class="de elBTN elAlign_center elMargin0 ui-droppable de-editable" id="tmp_button-86409" data-de-type="button" data-de-editing="false" data-title="button" data-ce="false" data-trigger="none" data-animate="fade" data-delay="500" style="margin-top: 30px; outline: none; cursor: pointer; display: block;" aria-disabled="false" data-elbuttontype="1">
<a onclick="location.href=nextURL3;" class="elButton elButtonSize1 elButtonColor1 elButtonRounded elButtonPadding2 elBtnVP_10 elButtonCorner3 elBtnHP_25 elBTN_b_1 elButtonShadowN1 elButtonTxtColor1 elButtonFull" style="color: rgb(255, 255, 255); font-weight: 600; background-color: rgb(1, 116, 199); font-size: 26px;">
<span class="elButtonMain"><i class="fa_prepended fa fa-angle-double-right"></i>Button Text Goes Here<i class="fa_appended fa fa-angle-double-left"></i></span>
<span class="elButtonSub"></span>
</a>
</div>

javascript

回答 1

Stack Overflow用户

发布于 2019-05-16 04:25:17

你们很亲密。在呈现页面时，最好能在服务器上添加参数，但是如果您只有JavaScript，那么这里有一个解决问题的方法。

给按钮一个ID：<a id="trackme" href="https://...">
使用href设置JavaScript。 //解析当前页搜索参数const pageSearchParams = buttonSearchParams (window.location.search) //查找页上的按钮const按钮= document.querySelector('#trackme') //解析来自按钮const href = new (button.href) //解析来自url const buttonSearchParams=新URLSearchParams(href.search) //从页面buttonSearchParams.set("utm_term“)中设置搜索参数，PageSearchParams.get(“utm_term”) //更新搜索url href.search = buttonSearchParams.toString() // update按钮url button.href = href.toString()

窗口位置文档

URLSearchParams文档

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/56152702

复制

相似问题

问表单提交后如何在点击漏斗中传递参数？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问表单提交后如何在点击漏斗中传递参数？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问表单提交后如何在点击漏斗中传递参数？
EN