Question

我正在尝试跟踪来自不同流量来源的销售额。我有多种点击量将点击发送到我的Clickfunnel登陆页面。我已经将utm_term参数附加到来自不同流量来源的链接上。

所以utm_term参数现在位于登录页面（渠道的第一页）上，但是在我选择并提交表单以移至第二页之后，该参数消失了。

如何将参数存储在某处并将其沿漏斗传递（第二，第三，第四和第五页）？

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

-

编辑：我正在使用DevQuickie中的以下脚本将utm_term插入按钮：

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

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

或者，我认为concept of this可以使用，但似乎不适用于Clickfunnel中的“按钮操作”：

<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>

Answer 1

您非常亲密。最好在呈现页面时在服务器上添加参数，但是如果您只有JavaScript，这是解决问题的一种方法。

为按钮提供ID：<a id="trackme" href="https://...">

使用JavaScript设置href。

// parse the current page search params
const pageSearchParams = new URLSearchParams(window.location.search)
// find the button on the page
const button = document.querySelector('#trackme')
// parse the url from the button
const href = new URL(button.href)
// parse the search params from the url
const buttonSearchParams = new URLSearchParams(href.search)
// set the search param you want from the page
buttonSearchParams.set("utm_term", pageSearchParams.get("utm_term"))
// update the search for the url
href.search = buttonSearchParams.toString()
// update the button url
button.href = href.toString()

Window Location docs

URLSearchParams docs

如何在Clickfunnel中提交表单后传递参数？

1 个答案: