物欲に負けた日

怠惰な日々の徒然

カエレバで作成した商品リンクでバグ!?AmazonへのリンクをiPhone(Safari)上でクリックしたら文字化けしちゃうみたいだ。

f:id:beed:20160812004443j:plain

ブログでオススメの商品を紹介する場合、Amazonアソシエイトを利用しているって方多いですよね?そんでもって更に便利に紹介するためにカエレバを利用しているって方も多いですよね?

関連記事 【アソシエイトの規約違反に注意!!】僕はAmazonアソシエイトをやめるぞー!!もしもアフィリエイト+カエレバに変更した理由 - 物欲に負けた日

僕もカエレバをとっても便利に使わせていただいてます。個人でこれだけのサービスを無料で提供していただいているかん吉様には大感謝です。

しかし、カエレバで作成したリンクをiPhone上でクリックした場合に文字化けして目的の商品が表示されない問題があるって話を見たもので気になったんです。そんで、パソコン・Androidスマホ・iPhoneから実査にクリックして調べてみた結果、やはり問題がありそうだったのでまとめてみます。

カエレバのAmazonリンクがバグってるらしい

読者登録させて頂いてるブログ様を巡回している時に気になる記事を発見したんです。

www.momijimom.net

カエレバのAmazonリンクがバグってるらしいってことで、これは要チェックですよね。その後、ぶコメやTwitter上でも同じような情報を確認。いろいろ見ているとiPhoneからのアクセスで問題が発生しているらしいということなんですね。

しかし、状況がよくわからないので自分で試して確認してみる必要があるということで実際に試すことにしたんです。

カエレバで作ったリンクについて

カエレバで作ったリンクって商品名部分をクリックすると商品の個別ページが、Amazonとか楽天とかのショップ名をクリックすると各ショップの検索結果ページが開きますよね。

例えばなんですけど、上のカエレバリンクの場合は商品名をクリックするとAmazonの商品ページが開きます。そんでもって「Amazonで探す」ってとこをクリックするとAmazonの検索結果ページが開きます。ちなみに検索ワードはリンク作成時に設定したもので「防弾チョッキ」です。

iPhoneでカエレバのリンクをクリックした場合のバグ

iPhoneだと文字化けする!

問題はこのカエレバのリンクをiPhone上で開くと文字化けするってことなんです。とりあえずパソコンとAndroidスマホから開いてみたところ、こちらは特に問題ないことを確認しました。

そこで、普段はポケモンGO専用機として活躍してくれているiPhone5Cで試してみました。結果は商品名をクリックした時のAmazonの商品ページは問題なしでしたが「Amazonで探す」をクリックした場合は見事に文字化けして何が何だか分からない結果に。。。

iPhoneではAmazonのリンクをクリックするとAmazonアプリが開いくのですが、これが文字化けしちゃってるんですね。これは困りました。

検索キーワードが英語なら問題なし

ちなみに設定する検索キーワードが英語の場合は文字化けせずちゃんと表示されました。おそらく半角英数字はOKで日本語がダメなんでしょうね。

例えば上のリンクは同じくカエレバで作成したのですが、検索キーワードを「mobile battery」にしたところ問題なくiPhoneで表示できました。

Amazonで直接作成したリンクは問題なし

同じAmazonの検索結果ページへのリンクでもAmazonアソシエイトのページで作成した純正のものは問題なしです。

防弾チョッキ

試しに純正の検索結果へのリンクを貼っておきます。iPhoneの方は上との違いがわかりますよね。

まとめ

というわけで、カエレバで作成したリンクをiPhone上で開いた場合、ちょっと問題があるってことですね。

回避方法はわかりません。純正リンクとコードを見比べてみたんですけど、わかんないんですよね。ちなみに僕はもしもアフィリエイトを利用しているのですが、もしもアフィリエイト経由でもアソシエイト直接でも症状は変わらないようです。

僕も技術的に詳しいわけじゃないので何か勘違いしてるかもしれませんし、もし回避方法知ってる方いたら助けて下さい。。。

正確なデータはないですが、iPhoneからのアクセスはけっこう多いですから、機会損失もそれなりにあるのかもしれません。このブログでもAnalytics見てるとiOSからのアクセスが3割くらいあります。

今後どうするか考えることにします。