検索結果ページのURLに"#/"が付いてしまいます (アンカーリンクが使えません)
検索結果ページのURLに"#/"が付いてしまいます (アンカーリンクが使えません)
Q.検索窓設置ページ、検索結果ページのURLに"#/"が付いてしまって困っています。ページ内リンク(アンカーリンク)が無効となってしまいます。
A.
カスタムエレメント版を「ハッシュモード」でご利用の場合、URLに"#/"が付きます。
■ハッシュモードとクエリモード
MARS FINDER 3.0では、検索ボタンを押した後、検索キーワード等をURLのパラメータとして検索を行います。
この検索キーワード等の接続のしかたに、2つのモードがあります。
- ハッシュモード（デフォルト）
URLの “#/?“ 以降へパラメータを渡します。
例)
https://sample.marsflag.com/search.html#/?q=%E3%83%9E%E3%83%BC%E3%82%BA%E3%83%95%E3%83%A9%E3%83%83%E3%82%B0&ie=utf8&page=1
※上記URLは、一例となります。MARS FINDER3.0の例は、現在準備中でございます。
- クエリモード
URLの “?” 以降へパラメータを渡します。
例)
https://sample.
marsflag.
com/search.html
?q=%E3%83%9E%E3%83%BC%E3%82%BA%E3%83%95%E3%83%A9%E3%83%83%E3%82%B0&ie=utf8&page=1
※上記URLは、一例となります。MARS FINDER3.0の例は、現在準備中でございます。
このため、ハッシュモードでご利用の場合、URLに"#/"が付きます。
"#/"を付けたくない場合は、クエリモードでご利用ください。
どちらをご利用になっても機能的な差異はございません。
■クエリモードで使用するには
ハッシュモードを使用せず、クエリモードで使用するには、以下を行ってください。
1)
serp-url= の最後から 「#/」を削除して下さい。
2)
mf-search
.js の呼び出し前に、以下のscriptを記述してください。
※
mf-search
.js を呼び出しているすべてのページに記述する必要があります。
<!-- ↓ハッシュを使わずにクエリストリングでパラメタを管理する場合に記述 -->
<script type="text/javascript">
!function(){
var G = GALFSRAM = window.GALFSRAM || {}
G.mfx = G.mfx || {}
G.mfx.router_mode = 'history'
}();
</script>
クエリモードでは、意図しない空白文字での検索が増える場合がございます。
詳細は
こちら
を参照下さい。