javascriptでURLのパラメータを引き継ぎつつスマホ版にリダイレクトする方法

2019-07-03 JavaScript

アフィリエイトや広告でパラメータがある場合、
スマホ時に/sp/にリダイレクトすると通常のリダイレクトだと

https://sample.com/?パラメーター
↓
https://sample.com/sp/
のようになってしまい、パラメータが無くなってしまう為計測ができなくなる場合がありますのでその対処法をメモ。

javascriptを使用して

<script type="text/javascript">
//パラメーターを引き継ぎつつリダイレクト
(function(){
 
    var ua = navigator.userAgent.toUpperCase();
    var url = document.location.pathname;
		var para = document.location.search;
    var spDir = 'sp/';
spUrl = url + spDir
pcUrl = url.replace("sp/", "");
 
    (ua.indexOf('IPHONE') != -1 || (ua.indexOf('ANDROID') != -1 && ua.indexOf('MOBILE') != -1))?
        isSP() :
        isPC();
 		
//スマホの場合
    function isSP(){
        if(url.match(spDir)){
            return false;
        }else{
            location.href = spUrl + para; 
        }
    }
 		
//PCの場合
    function isPC(){
        if(!url.match(spDir)){
            return false;
        }else{
	location.href = pcUrl + para;
        }
    }
}());
</script>

でOK。

これで

https://sample.com/?パラメーター
↓
https://sample.com/sp/?パラメーター
のように、パラメータを引き継いだままリダイレクトができます。