渠道--截取url拼接

先顺一下项目开发前的准备

如下网址:

sem.xxxxxx.com

1、用户输入之后，会根据当前设备判断打开pc还是移动端

2、提交表单时除了基本信息要传项目来源

ps:项目来源也就是渠道，是用户手动输入的。

例如：sem.xxxxxx.com/?q=123

q为自定义 123是例子

前端要做的就是在他手动输入之后，表单提交后把123要传进后台

有一个坑就是不论页面怎么跳转，q=123 始终都要在网址上，因为这样表单页面才不会因为你页面跳转之后q消失了，而找不到渠道。

下面是获取渠道的方法：

1、判断设备中的获取渠道

 $.extend({
    getUrlVars: function () {
        var vars = [], hash;
        var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
        for (var i = 0; i < hashes.length; i++) {
            hash = hashes[i].split('=');
            vars.push(hash[0]);
            vars[hash[0]] = hash[1];
        }
        return vars;
    },
    getUrlVar: function (name) {
        return $.getUrlVars()[name];
    }
});
function IsPC() {
    var userAgentInfo = navigator.userAgent;
    var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");
    var flag = true;
    for (var v = 0; v < Agents.length; v++) {
        if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = false; break; }
    }
    return flag;
}
function isUndefined(h) {
    var c = $.getUrlVar("q");
    if (typeof c != "undefined") {
        location.href = h + '?q=' + c;
    } else {
        location.href = h;
    }
};
if (IsPC()) {
    isUndefined('./pc/index.html')
} else {
    isUndefined('./m/index.html')
}

2、页面跳转获取渠道

//来源渠道
function getQueryString(name, needdecoed) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    var lh = window.location.search;
    if (needdecoed) {
        lh = decodeURI(window.location.search)
    }
    var r = lh.substr(1).match(reg);
    if (r != null) return unescape(r[2]);
    return null;
}
//点击时在要跳转的链接中加入
$('.oneM_button a').click(function () {
    var q = getQueryString('q');
    $(this).attr('href', './form.html?q=' + q);
})

3、表单提交中的获取渠道

//来源渠道
function getQueryString() {
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for (var i = 0; i < hashes.length; i++) {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
};

 //提交用户信息
function submitdata() {
    //判断渠道不为空
    var dataSources = "";
    if (typeof (getQueryString()["q"]) != "undefined") {
        dataSources = getQueryString()["q"];
    }      
    var _data = {
        渠道字段: dataSources, //传入的渠道
    };
    
    //省略ajax...
}

开发结束之后测试渠道是否正常，不可传入undefined。