ヤフーのスマホページのリダイレクト

Question

こんにちは。
いつもすごーくお世話になっております。

ヤフーショッピングのまるごとスマホリダイレクトに関して。

以前、ご質問をさせて頂き現時点では対応不可と言われた件なのですが、少し前の設問で対応可？のような文言を目にしたので確認の質問です。

現在、ＰＣ用ページは基本トリプルを使用せず、
レフトナビのみトリプル使用をしてます。

スマホページは、まるごとスマホにて制作。

この場合、まるごとスマホのＴＯＰページへ直接リダイレクトが出来ず、
ヤフーのスマホページにバナーを設置してそこをクリックしてもらうことにより、まるごとスマホの製作ページへ誘導とご回答を頂きました。

あれから、月日が経っていたので対応可能になったのかの質問になります。

よろしくお願い致します。

Answer

ECマスターズの田中です。

現在は、対応可能になっております。

ストアクリエイターPro ＞ トリプル ＞ リダイレクト設定
にて、スマートフォンのリダイレクトを開始していただくと、
https://shopping.geocities.jp/ショップURL/index.html
を（つまり、トリプルの一番上にある「index.html」を）
スマートフォン用のトップページとして利用することができます。

ですが、せりさんさんのショップのスマートフォン用トップページは
別のURLに作成されておりますので、

スマートフォンで
https://shopping.geocities.jp/ショップURL/index.html
にアクセスしたら、
自動的にトップページに転送される、という仕組みが必要となります。

index.htmlの中に、下記HTMLタグをご記載いただくことで、
スマートフォンでindex.htmlにアクセスした際に、
自動でスマートフォン用トップページに転送されるようになります。

= この下の行から ====================

// iPhone または、Android の場合は振り分けを判断
if (document.referrer.indexOf('example.com') == -1 &&
    ((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にご変更ください。

ちなみに、上記タグでは
条件分岐によってスマートフォンか否かを判断しておりますが、
判断の必要がなく、index.htmlにアクセスしたら
必ずスマートフォン用トップページに転送するようにしたい場合は、

index.htmlのタグとタグの間に

とご記載いただくだけで、転送を行うことができます。

Answer

田中様

こんばんは。
いつもきめ細やかな対応ありがとうございます。

現在、出来るようになっているのですね。

ちなみに、
index.htmlの中に、下記HTMLタグをご記載いただくことで

となりますが、これはストアクリエイターProのどこの箇所に保存されているタグに貼りつければよいのでしょうか？
トップページ編集の基本情報のフリースペースに貼りつけちゃう感じでよろしいでしょうか？
※初歩的ですみません。
業者任せだったため、index.htmlがどこにあるのかあまりよく知らないのです。


フリースペースに貼りつけをして、
リダイレクトを許可し、
ページ反映をしたのですが、
いまのところページが見つかりませんの表示となっております。

反映後既に１時間経過しておりますが、
トリプルの反映時間のタイムラグだと思いますので、
もう少し時間をおいて様子を見てみますね。

Answer

ECマスターズの田中です。

＞ストアクリエイターProのどこの箇所に保存されているタグに貼りつければよいのでしょうか？
＞トップページ編集の基本情報のフリースペースに貼りつけちゃう感じでよろしいでしょうか？

ストアクリエイターProではなく、
Yahoo!トリプルの最初のフォルダに設置した
「index.html」ファイルの中にご記載いただく必要があります。

＞フリースペースに貼りつけをして、
＞リダイレクトを許可し、
＞ページ反映をしたのですが、
＞いまのところページが見つかりませんの表示となっております。

Yahoo!トリプルの最初のフォルダに「index.html」がないために
このような表示となっておりますので、
一旦リダイレクトの停止をお願いします。

また、Yahoo!トリプルでPC用トップページを設定される予定が無い場合は、
PC用のリダイレクトは常に停止していただきますようお願いします。

Yahoo!トリプルの最初のフォルダに「index.html」ファイルを
既に設置されている場合は、
https://shopping.geocities.jp/ショップURL/index.html
上記URLが閲覧できるようになり次第、
スマートフォン用リダイレクトの開始をお願いします。
もし、ファイル自体設置されていない（設置方法がわからない）場合は
その旨ご返信いただきますようお願いします。

Answer

田中様

早速のお返事ありがとうございます。
助かります。

取り急ぎリダイレクトの停止を致しました。

トリプル内をFFFTPでみたのですが、

フォルダーは、
ECステーション用の賑わい系
JVのフォルダーの２つのみでした。
※下の階層にmenu.jsとstyle.css

フォルダーでないファイルは、
rare.html
side.thm
spasce.gif

JVフォルダーのstyle.cssに先程のを貼りつける感じでしょうか？

お手数をお掛け致します。
よろしくお願い致します。

Answer

ECマスターズの田中です。

トリプル内をご覧いただいたところ、
「index.html」ファイルが存在しないことがわかりましたので、
新しく「index.html」という名前のHTMLファイルを作成していただき、
その中に先述のタグのどちらかを挿入していただいた上で、
トリプルのフォルダーでない位置に（rare.html などと同じ位置に）
アップロードしていただきますようお願いします。

＞JVフォルダーのstyle.cssに先程のを貼りつける感じでしょうか？
style.cssは「index.html」とは関係ないファイルなので、
貼り付けていただく必要はございません。

Answer

田中様

こんばんは。
早速のご回答ありがとうございます。

無事、アップロードが完了し反映が出来ました。
感動しました！笑
今まで、ヤフーは出来ないと言われていたので、
スマホページが反映されてとても嬉しいです。

今まで、反映が出来なかったので楽天はすぐに作成をしていたのですが、
ヤフーはさぼってました。

これからヤフーのスマホページも同時に更新していこうと思います。

いつもいつも、ホントにありがとうございます。