「スマホのナビゲーションが動かない」が解決した件

何を隠そうこのホームページの話。

まず反省点からお伝えしてみようと思いますが、日頃お客様目線でとか、スマホで導線チェックしましょうといいつつ、できていなかった。すみません。（大汗）

 何ができていなかったかというと...

スマホ画面でのナビゲーション「第２階層以下の➕マーク」をクリックしても展開しない、動かなくなっていた。

• ジンドゥークリエイター利用者
• ナビゲーションで、第２、第３階層まで設定している
• スマホ画面でナビゲーションの動きがおかしい、動かない
• Amazonのアフィリエイトをやっている

原因探しはこんな感じ

1.他のジンドゥーサイトは大丈夫か、同じレイアウトのものは大丈夫か。

（問題なかった。ジンドゥー側の問題ではないことがわかる）

2.別途設定している動きがあるソースコードを疑う

　全ページエラーなので、全ページに該当している動きのあるソースコードを疑う。

　ヘッダー編集箇所、サイドバーエリア

　ここで判明。

サイドバーエリアでAmazon書籍の紹介リンク（Amazonアソシエイト）を貼っていたソースコードを削除したら解消されました。

つまりは、Amazonのアフェリエイトのソースコード。

おそらく（と一応言っておきますが）このコードがジンドゥーの何らかのソースに 干渉していて動作ができなかった模様。

アフェリエイトが使えないのは残念すぎましたが、サイドバーから削除して解決。

とはいえ、書籍など商品紹介をしたい人は多いと思うので、対策としてこの２つ。

１）アフィリエイトを使わず、書籍ページのリンクをはる。
Amazonアソシエイトのソースコードが原因でエラーになると思われるので、そのソースコードを使わなければ大丈夫。

え、アフィエイト使えないと意味ないじゃん！って方は、次へ。

２）エラーの影響のない箇所にソースコードを設定する

NG）サイドバーエリア

→　全ページに影響を与えてしまうのでNG

NG）トップページ

→　入口ページになるので避けたほうがいい

おすすめ）上記以外の階層が深くないページ

→ いわゆるそのページを表示した状態で、スマホで見た時、２階層目以下のナビゲーションを使う可能性が低いページ。

＜雑記＞

SNS系、アフィリエイト系のソースを削除してチェックを繰り返して、辿り着きました。

困っている誰かの役に立てますように。