端末がスマホの時だけSPサイトにリダイレクトする方法

WEB

今回の記事は、WEBサイトにアクセスした際に、使用している端末がアンドロイドもしくはiPhoneなどのスマートフォンだった場合に「https://www.example.jp/sp/」などのスマホ専用ページに飛ばす処理を追加する方法を紹介します。

近年のWEBサイトはレスポンシブが主流なので、今回の件を学ぶ事が殆ど無いかと思います。しかしクライアントワークの中ではやむを得ず、今回のような切り替え対応をしなくてはいけない場合もあるので覚えておきましょう。

端末がスマホの時だけSPサイトにリダイレクトする方法

今回の方法をApache環境で使用できるhtaccessを使った方法を紹介します。

結論は以下の記述をして「https://www.example.jp/sp/」の部分のURLを遷移させたいパスに変更して下さい。

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} (iPhone|Android.*Mobile|Windows.*Phone) [NC]
RewriteCond %{QUERY_STRING} !mode=pc
RewriteRule ^$ https://www.example.jp/sp/ [R,L]
</IfModule>

3行目の「HTTP_USER_AGENT」で端末を判定しています。
4行目では、URLの末尾に「?mode=pc」という文字列が付加されていない場合だけを対象にする記述(=付加されている場合には、スマートフォン用ページにはリダイレクトしないようにする記述)です。

5行目では、リダイレクト先を指定しています。

たったこれでPCでない場合はSPのページにリダイレクトされるようになります。

*htaccessを弄る際は確かな理解の上作業を行いましょう。記述をミスると画面が表示されなくなる恐れがあります。


以上が「端末がスマホの時だけSPサイトにリダイレクトする方法」でした。

あまり使う事は無いかもしれませんが、一応覚えときましょう。

この記事を書いた人
KEITO

AI × IT × WEB3|関東在住。本職はディレクター 。AIを活用してビジネス開拓。仕事の依頼はTwitterからお願いします。YouTube、Twitter、Instagramもお願い致します。

WEB
この記事を共有する
スポンサーリンク
スポンサーリンク
KT LIFE
スポンサーリンク

暗号資産投資するなら以下

Bybit

国内人気No.1!屈強なサーバー/信頼性抜群!トレーダー御用達の取引所。

通貨数338種以上
レバレッジ最大100倍
現物取引手数料Maker:0%〜0.1%
Taker:0.02%〜0.1%
先物取引手数料Maker:0%〜0.01%
Taker:0.03%〜0.06%
操作性スマホでも取引・入金できる
口座開設簡単に口座開設できる
日本語対応日本語対応あり・JPY利用可
特典下記から登録で初回ボーナスあり
登録リンクBybitへの登録は こちら
招待コード22295
レビュー記事レビュー記事は こちら
BigBoss&CRYPTOS

最大レバレッジ1111倍・日本円換金ルート

通貨数BigBoss:15種以上
CRYPTOS:15種以上
レバレッジ最大1111倍
スポット手数料Maker:0.02%〜0.18%
Taker:0.05〜0.20%
先物取引手数料
操作性スマホでも取引・入金できる
口座開設少し敷居が高い
日本語対応日本語対応あり
特典下記から登録で初回ボーナスあり
登録リンクBigBossへの登録は こちら
招待コード6690951
レビュー記事レビュー記事は こちら
Nexo

高APYでのステーキング&レンディング

通貨数60種以上
レバレッジ
スポット手数料Maker:0.04%〜0.20%
Taker:0.03%〜0.20%
先物取引手数料
操作性スマホでも取引・入金できる
口座開設簡単に口座開設できる
日本語対応日本語対応あり
特典下記から登録で初回ボーナスあり
登録リンクNexoへの登録は こちら
招待コード
レビュー記事レビュー記事は こちら

他おすすめ取引所はこちら

タイトルとURLをコピーしました