KH-WEBLOG TOP > WEBメモ > JavaScript > javascriptでURLのパラメータを引き継ぎつつスマホ版にリダイレクトする方法

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

アフィリエイトや広告でパラメータがある場合、
スマホ時に/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/?パラメーター
のように、パラメータを引き継いだままリダイレクトができます。

コーディング・WordPress化作業を代行します

JavaScriptのおすすめ参考書

楽天ブックス
¥2,838 (2024/03/01 11:54時点 | 楽天市場調べ)

TAGS

.htaccess ActionScript All in one seo pack Contact Form 7 CSS CSS3 EC-CUBE Flash HTML HTML5 JavaScript jQuery LightBox PHP RSS SEO WordPress アイキャッチ画像 アクセス解析 カスタムフィールド カテゴリー カラーミーショップ カート コメント ショートコード ソースコード テンプレートタグ ドロップダウンメニュー パーマリンク フォーム フルスクリーン プラグイン ページテンプレート ページナビ ページ分割 マウスイベント リダイレクト リンク レンタルサーバー ロールオーバー 携帯サイト 条件分岐 正規表現 角丸 関連記事