Question

我遇到了一个问题-我的着陆页上有相当数量（10％）的用户单击该按钮导致页面重新加载（可能href变为null）或什么也没有发生。我可以从Google Analytics（分析）收集的数据以及Hotjar的屏幕录像中确认这一点。

GIF的按钮单击是从屏幕记录中捕获的。您可以在GIF中看到，没有重定向到offer_url，什么都没有发生。

我正在使用JavaScript将链接动态添加到href属性，如下所示。由于这是营销活动的一部分，因此我需要将着陆页的UTM参数传递给offer_url。

var s = "";
        var p = "";
        var ph = "";
        var phone = "";
        var offer_url = "http://www.example.com/click";

        var s = getUrlParameter('source');
        var p = getUrlParameter('p');
        var ph = getUrlParameter('ph');
        var phone = getUrlParameter('phone');

        if (s != "undefined" && s != "") {
            source = s;
        }
        if (p != "undefined" && p != "") {
            phone_p = p;
        }
        if (ph != "undefined" && ph != "") {
            phone_ph = ph;
        }
        if (phone != "undefined" && phone != "") {
            phone = phone;
        }


        if (source && phone_p) {
            offer_url = "http://www.example.com/click&s1=" + source + "&s3=" + phone_p;
        } else if (source && phone_ph) {
            offer_url = "http://www.example.com/click&s1=" + source + "&s3=" + phone_ph;

        } else if (source && phone) {
            offer_url = "http://www.example.com/click&s1=" + source + "&s3=" + phone;
        } else if (source) {
            offer_url = "http://www.example.com/click&s1=" + source;
        }
    function myoffer_url() {
      document.getElementById("button_final").href = offer_url; // "javascript:void(0);"
    }
    function onclick_button_final() {
      document.getElementById("button_final").innerHTML = 'Claim Your Prize <img src="./image/loader.gif"/>';
    }

我在按钮旁边添加了加载器动画，因为我不希望用户在未重定向到URL的情况下继续单击。

这是锚标记（HTML）。

<a id="button_final" onClick="javascript:onclick_button_final();" style="display: inline-block; background-color: #8BC34A;font-size: 18px; padding: 18px 44px">Claim Your Prize</a>

链接点击有时会导致页面重新加载

0 个答案: