常時SSL(HTTPS)サイトでAmazonアソシエイトのバナーが表示されない

常時SSL(HTTPS)サイトの場合、Amazonアソシエイトのバナーを貼ると以下のようになる。

Amazonアソシエイトiframeが表示されない
「テキストとイメージ」(iframe)を貼り付けた場合

また、表示されたとしてもアドレスバーにSSLのエラーが表示される。

AmazonアソシエイトでSSLエラーが出る
「画像のみ」を選択した場合

これらの理由は、Amazonアソシエイトで生成したコードのURLが「http://○○」で始まっているせいである。
よって、そのままコピペすると表示されなかったり、SSLエラーとなったりするので、URLの開始部分を「//○○」のように「http:」部分を削除してやればよい。

Amazonアソシエイトiframeが表示されない
「テキストとイメージ」(iframe)を貼り付けた場合

追記:
この対策でも警告が出るので、こちらの対策を参照してください↓
AmazonアソシエイトのiframeバナーをHTTPSページで使う

投稿者: Output48

中学生の時に初めてHTMLに触れてからホームページ制作を独学で始める。 ベンチャー企業の営業、大手企業のPG・SEを経て、独立。 現在はとある企業のCTOと、変な名前の会社の社長をしてる。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください