iPhoneの/モバイル機器を検出してリダイレクトさせる方法

Last Updated: 2023 年 07 月 16 日 9のコメント

iPhoneの機器を検出してリダイレクトさせる

訪問者がサイトにアクセスすると、ユーザーが接続した機器がモバイル機器(例えば、iPhoneの)であることを検出して、他のWebサイトにリダイレクトさせる場合、PHPのコードを使用したり、 .htaccess コードを使用することができます。

PHPコードを使用して、iPhoneユーザーを別のWebサイトに移動させる

次のようなコードを使用します。

<?php if (strpos($_SERVER['HTTP_USER_AGENT'], 'iPhone') !== FALSE)
{ header('Location: http://www.example.com/iphone/'); }
?>

.htaccessコードを使用

.htaccess ファイルに次のコードを追加すると、iPhoneのに接続した場合、指定したサイトにリダイレクトされます。

RewriteEngine on
RewriteCond ${HTTP_USER_AGENT} iPhone
RewriteRule .* http://www.example.com/iphone/

サブディレクトリにリダイレクトするには、次のようなコードを使用します。

RewriteEngine on
RewriteCond %{HTTP_USER_AGENT} iPhone
RewriteCond %{REQUEST_URI} !^/iphone/
RewriteRule .* /iphone/ [R]

サイトのアドレスが www.mysite.com場合、iPhoneユーザーは www.mysite.com/iphone/にリダイレクトされます。

モバイル機器を検出して、モバイル専用のサイトにリダイレクトさせる

WordPressの場合は、「モバイル機器の場合、モバイル版のページに移動する「記事で説明していますが、説明された方法は望ましくありません。

いくつかの方法で、モバイル専用ページへのリダイレクトすることができます。 たとえば、javascriptのコードを使用する方法を考えてみることができます。 例えば、解像度が800ピクセル以下である場合、リダイレクトさせるようにすることができます。

<script type="text/javascript">
<!--
if (screen.width <= 800) {
window.location = "http://m.mysite.com";
}
//-->
</script>

しかし、上記の方法は、ユーザーがJavaScriptを無効にすると正常に動作しません。 そしてフォンの水平および垂直スクリーンに基づいて結果が正常に動作しない可能性もあります。

.htaccess コードを使用する方法もあります。

RewriteEngine On
# Check for mime types commonly accepted by mobile devices, 모바일 기기에서 일반적으로 수용하는 mime 타입 확인
RewriteCond %{HTTP_ACCEPT} "text\/vnd\.wap\.wml|application\/vnd\.wap\.xhtml\+xml" [NC]
RewriteCond %{REQUEST_URI} ^/$
RewriteRule ^ http://m.domain.com%{REQUEST_URI} [R,L]
// Source: inmotionhosting.com

プラグインを使用して、モバイルユーザーをディリーコレクションせる(WordPress)

他の方法で WordPressは、プラグインを使用してみることもできます。 しかし、検索してみると、ほとんどのプラグインが古いか評価があまり良くない方ですね。 例えば、 WordPress Mobile Packのようなプラグインがあります。

WP-Mobile-Redirect

他にも WP Mobile Redirect などのプラグインもあります。 このプラグインは、更新されてから1年が過ぎですね。

有料プラグインでは、 Country and Mobile Redirect for WordPress - Professional Edition プラグインが一つ検索なりますね。 このプラグインは、地域(国、州、市)、言語、IPアドレス、日付、ブラウザ、モバイルユーザーなどを基準にリダイレクトしたり、ブロックすることができそうです。 詳細については、 プラグインのページの説明を参照してください。

Country and Mobile Redirect for WordPress

他にも様々な方法をインターネット上で検索することができます。 状況に応じて適切な方法を選択してください。

 


9のコメント

コメント

  1. よくジネシジョ? モバイルページはこちらよりみると、またワード様ページですね。(笑)この内容は容易ではないですね。 試していない試みることで。(笑)

    応答
    • こんにちは?

      あえてモバイル機器を検出してリダイレクトさせる必要はないようです。 SEOにも良くアンゴヨ。笑

      応答
      • 私は一昨年だけでテーマをすごく開け直して使用しました。

        しかし、最近では、テーマの機能をなるべく最大限に活用しようと変わりました。 レイアウトを変更する必要が場合にも、なるべく最小限に抑えながら、主にCSSで解決する方です。

        コードを追加して、プラグインをインストールして、サイトの速度が遅くなるしかありません。

      • うわ...私の致命的な欠点であるcssも、その何も知らないことだ私はちょうどテーマを活用だけなのに..何好きではないドゥルテ面さっさと修正を試みることができる能力が羨ましいです〜おっしゃられたように、良くないとしてページをそのまま現在の方法でのみ書くことにしました^^

  2. 「検索してみると、ほとんどのプラグインが古いか…」 - Naver非だけにして、モバイル用のページを別々に構築ハヌンゴはSEOの観点から自殺行為なものだ。 ふ(笑)

    応答
    • はい。 合うようになります。 もし同じコンテンツへのモバイル向けサイトを構築すると、コンテンツが重複しているものと、Googleで認識していないでしょう?
      ところが、たまにこのようなことをしたい方いらっしゃいますね。

      応答