Refmo（リフモ）公式サイト｜モバイルサイトを瞬時に生成する自動変換システムソリューション

スマートフォンでの表示選択とは「PC・携帯用サイトのどちらを表示するかを、ユーザーが選択できる画面」のことです。

解説

スマートフォンでは携帯と違い画面サイズの大きい機種やピンチアウトによる拡大表示が可能なため、携帯用に変換されたサイトではなくPC用のサイトをそのまま表示しても問題なく閲覧することが可能となっておりますが、当サイトで解説しているリダイレクトの設定を行なうと携帯用サイトに転送されてしまいます。

そこで、最近良く見かけるJavaScriptによる表示サイトの確認画面を表示し、訪問者がどちらのサイトを表示するかを選択できるようになります。

※携帯電話ではJavaScriptが動作しないため、携帯電話だけをリダイレクトで携帯サイトへ転送する必要があります。

設定方法

下記ソースの2箇所をお客様の情報に書き換え、PCサイトの<body>と</body>の間に挿入してください。

●●●●　を　お客様の携帯サイトのURLへ書き換え
例） http://sample.Refmo.com

<div class="Refmo_Delete">
<script type="text/javascript">
function windowAddEventListener(callback) {
if (window.addEventListener) {
window.addEventListener('load', callback, false);
} else if (document.attachEvent) {
window.attachEvent('onload', callback);
}
}

windowAddEventListener(function() {
var agent = navigator.userAgent;
if (agent.search(/iPhone/) != -1
|| agent.search(/iPod/) != -1
|| agent.search(/Mobile/) != -1
|| agent.search(/Android/) != -1) {
if(confirm('スマートフォン用のサイト表示しますか？\n（キャンセルの場合はＰＣサイトを表示します。)')) {
location.href = '●●●●' + location.pathname;
}
}
});
</script>
</div>

注意事項

リダイレクトの設定を行なっている場合はそちらが優先されるため、
この方法での選択を表示する場合は、リダイレクト設定からスマートフォンの判別を削除する必要があります。
<div class="Refmo_Delete">を使用して変換後サイトで非表示処理を行わないと選択肢が逆となり無限ループとなります。
PCサイト用のGoogleAnalyticsを導入している場合は、表示選択のタグとGoogleAnalyticsのタグの位置関係にご注意ください。

A.表示選択タグより下部にGoogleAnalyticsのタグが存在する場合
スマートフォンからのアクセス時に表示選択にて「OK」を選択した場合は、
その時点で自動変換後のサイトに転送されGoogleAnalyticsのタグには到達しないためカウントされない。
（表示選択にて「いいえ」を選択した場合はGoogleAnalyticsのタグに到達しカウントされます。）

B.GoogleAnalyticsのタグが表示選択のタグより上部に存在する場合
スマートフォンからのアクセスがGoogleAnalyticsのタグによりカウントされる。
その後、表示選択により「OK」を選択した場合は自動変換後のサイトに転送される。

スマートフォンからPCサイトにアクセスがあり表示選択にて自動変換後のサイトに転送された場合に、
・スマートフォンからのアクセスは変換後サイトでカウントするため、PCサイトではカウントしない場合は上記Aを設定してください。
・スマートフォンからPCサイトにアクセスがあったことを解析結果としてカウントする場合は上記Bを設定してください。

Refmoについて

インフォメーション

携帯サイト活用術

QRコード・リンク作成
非表示にするには
自動変換後にのみ表示するには
表組みの自動変換回避対策
自動転送の仕組みについて
リダイレクト
スマートフォンでの表示選択
モバイルリンクディスカバリー
アクセス解析設置
★マークについて
マークはオススメ度を表しています。
マークが多いほど、オススメの活用術です！まずはから初めてみてください！！

★ Refmo変更後のサイトはコチラ ★