ヤフーのスマホＴＯＰページの設定

Question

こんにちは。
いつも大変お世話になっております。

ヤフーのスマホＴＯＰページについてご質問させてください。

ＥＣステーションさんのまるごとスマホでＴＯＰページやカテゴリーなどを作成しました。

①ＴＯＰページを表示されるには、どこに貼り付けをすればよろしいでしょうか？
※リダイレクトで表示されるようにするには？

また、リダイレクトが出来ない場合はバナーなどを作成してリンクして飛ばす方法でしょうか？



②バナーで作成をして飛ばす方法をすると考えて、
スマホのＴＯＰページの配列（表示順序）を変えたいです。

現在、初期設定のままですが、

上に看板があって、
・カテゴリーから探す
・すべての商品
・おすすめの商品

の表示順となっております。

この、おすすめの商品を
看板の下に表示させいたです。

・看板
・おすすめの商品　←ここに移動
・カテゴリーから探す
・すべての商品

ストアクリエイターProのどこを変更すればよろしいのでしょうか？
ご教授頂けると助かります。

よろしくお願いいたします。

Answer

ECマスターズの田中です。

＞①ＴＯＰページを表示されるには、どこに貼り付けをすればよろしいでしょうか？
＞※リダイレクトで表示されるようにするには？
＞また、リダイレクトが出来ない場合はバナーなどを作成してリンクして飛ばす方法でしょうか？

通常のトップページではリダイレクトができないので、
最初に、トリプル内にPC用トップページを作成していただき、
ストアクリエイターPro ＞ トリプル ＞ リダイレクト設定
より、
PC用トップページのソースの中に

===== この下の行から ================

if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0) {
    location.href = 'リンク先URL'; //←の「リンク先URL」を、実際のURLにご変更ください。
}

===== この上の行まで ================

という記述を加えていただくことで、リダイレクトすることができます。

通常のトップページをご利用いただく場合は、
バナーを作成してリンクして飛ばしていただく形になります。

＞②バナーで作成をして飛ばす方法をすると考えて、
＞スマホのＴＯＰページの配列（表示順序）を変えたいです。

スマホTOPページの表示順序は、現在変更するメニューがありません。
Yahoo!ショッピングによる機能改善をお待ちください。

Answer

田中様

こんばんは。
早速の回答ありがとうございます。

それでは、①の方法で表示させたいです。

①の方法でやったのですが反映がされずページが変わりませんでした。

試みた操作手順を記載しますので誤りがありましたら教えてください。

１．ヤフーのＴＯＰページをＥＣステーションのまるごとスマホで作成。
（ＴＯＰページやカテゴリーは以前に作っていてバナーで飛ばしているので
ここは問題がないと思います）

２．丸ごとにて作成、出力、画像アップロード、転送、ページをアップロード

３．ＵＲＬの●●●に


 if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0) {
 location.href = '●●●'; //
}
 


ページの出力したときのリンクＵＲＬを貼る。
※反映しなかったので、下のリダイレクトソースも貼って検証もしましたが変化なし。


４．　３の上記ＵＲＬを
ヤフーストアクリエイターＰｒｏ　ストア構築　ページ編集　編集　トップページ編集　基本情報設定　フリースペース４にコピペ　保存　反映

ここでも変化なしでした。
操作で間違いや不足点などございますか？

また、
ストアクリエイタＰｒｏ　トリプル　リダイレクト設定　パソコン　リダイレクト開始をしてもページが存在しませんという表示になってしまいます。

どこが間違っているのかわかりませんので、
ご教授のほどよろしくお願いいたします。

Answer

ECマスターズの田中です。

＞ストアクリエイタＰｒｏ　トリプル　リダイレクト設定　パソコン　リダイレクト開始をしてもページが存在しませんという表示になってしまいます。

リダイレクトを開始すると、Yahoo!トリプルの一番上のフォルダの「index.html」というHTMLファイルが
PC・スマホ共通のトップページとして扱われるようになります。
そのため、Yahoo!トリプルの一番上のフォルダに「index.html」ファイルが無いと、
ページが存在しません、というエラーメッセージが表示されてしまいます。

最初に、PC用トップページにするHTMLファイルをせりさんにて作成していただき、
「index.html」という名前で、Yahoo!トリプルの一番上のフォルダに保存してください。

その「index.html」の中に、３．のタグを入れていただくと、
スマートフォン向けのリダイレクトが始まる、という仕組みになっております。

Answer

ECマスターズ　田中様

こんばんは。
ご回答ありがとうございます。

取り組んでみます。
ありがとうございました。