小さな会社のためのECサイトプロデュース|ブレイントラスト
  • Yahoo!コマースパートナーBest Store Awards 2020特別賞
  • Yahoo!コマースパートナー認定

楽天GoldやyahooトリプルでPC用のトップページとスマホ用のトップページを作っているのですが、スマホで見てもPC用のトップページが表示されてしまいます。どのようにしてスマホ用のページに誘導すればいいでしょうか?

Google検索などでTOPページを表示すると、スマホの場合でもPC用トップページが表示されることがあります。
そういった場合にスマホページを表示させるためには、PC用のトップページの~のタグ内に下記タグを記載しましょう。
●の部分は店舗URL、以下のパス部分(sp/index.html/)は実際のスマホページの階層に合わせて修正して下さい。

<script type=”text/javascript”>
if ((navigator.userAgent.indexOf(‘iPhone’) > 0 && navigator.userAgent.indexOf(‘iPad’) == -1) ||
navigator.userAgent.indexOf(‘iPod’) > 0 || navigator.userAgent.indexOf(‘Android’) > 0) {
if(confirm(‘こちらはPC・タブレット用のページです。スマートフォン用のページを表示しますか?’)) {
location.href = ‘https://www.rakuten.ne.jp/gold/●●●/sp/index.html/’
}
}
</script>