Simplicityの特徴 › フォーラム › 不具合報告 › AMP表示時のAmazonアソシエイトリンクの動作エラー(httpsの有無)について
-
投稿者投稿
-
-
オオイシゲスト
お世話になります。
現在Simplicity2.4.1を使いブログを運営しております。
記事内にAmazonアソシエイトの商品リンク(Amazon商品ページ上部から作成できるリンク)を入れているのですが、SearchConsoleにてAMPエラーとなります。具体的なエラー内容は
AMP タグの無効な使用(重大な問題)
属性「marginwidth」はタグ「amp-iframe」で使用できません。となっています。
この際、エラーに該当しているのがAmazonアソシエイトのリンクで、
ソースは、
src="//rcm-fe.amazon-adsystem.com/e/cm?
となっています。(Amazonで作成したリンクをそのまま使っている状態)
これを
src="https://rcm-fe.amazon-adsystem.com/e/cm?
と変える(httpsを加える)とAMPエラーは消えるのですが、実際のAMPページで確認すると表示は正常にされているもののクリック・タップをしてもページが遷移しません。
ただし、AMPページ以外(PC・モバイル)で確認すると正常に動作しています。実際に上記の現象が起きているページは以下になります。
http://feb29.org/cure-hangover-headache-best3.html
http://feb29.org/cure-hangover-headache-best3.html?amp=1記事内に2つ、Amazonアソシエイトのリンクがありまして、
1つ目がhttpsを加えたもの、2つ目がhttps無し(Amazonで作成したリンクそのまま)です。以上がエラー内容になります。
テーマSimplicity2は特に修正を加えておらず、子テーマもCSSをいじった程度です。
確認した環境はWindows(Chrome55、MicrosoftEdge38)、Android(OS6.0)です。お忙しい中申し訳ございませんが、ご確認いただけると幸いです。
-
わいひらキーマスター
詳細な不具合報告をありがとうございます!
iframeのAmazonアソシエイトリンクが表示されていないAMPエラーは、おそらく以下のファイルで改善されていると思います。
https://wp-simplicity.com/wp-content/uploads/2016/12/simplicity2-1.zipAMPページでアソシエイトリンク(iframe内のリンク)をクリックしても、開かないのは、僕の開発環境でも不具合を確認しました。
ただ、これの原因が今のところ分かっていません。。
海外サイトも検索して見たのですが、それっぽい対策方法は今のところ確認出来ていません。
なので、一旦上のファイルで表示の不具合だけでも改善されているかを確認していただいてよいでしょうか。
その間にも、またいろいろと調べてみます。
なんでなんだろう…。右クリックから開くと問題なく開くので、クリックが意識されていないっぽいけと。以下は、動作確認用のソースコードメモ。
<iframe src="//rcm-fe.amazon-adsystem.com/e/cm?t=xxxxx-22&o=9&p=8&l=as1&asins=B01C6LEE5M&ref=qf_sp_asin_til&fc1=000000&IS2=1<1=_blank&m=amazon&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
-
オオイシゲスト
わいひらさん
お返事ありがとうございます。
ご提示いただいたファイルに差し替えたところ、SearchConsoleやGoogleAMPテストでのAMPエラーは無くなり
アソシエイトリンクが表示されるようになりました!引き続き、AMPページのアソシエイトリンクのクリック・タップに反応しない件は残っており、
こちらでも右クリック→別タブなどでは正常に開くことができました。僕には全く対策の検討がつかないため報告のみになってしまい申し訳ないのですが、以上です。
-
わいひらキーマスター
ご確認ありがとうございます。
ただ、ページが開かないのは、調べてみても、ちょっと原因はわからなかったです。
Amazonアソシエイトリンクのiframeから、開けるようにするには、どうしたらいいかもわからないので、iframeのあとに「購入用の通常リンク」を付加するとかで対応するしかないかもしれません。
-
-
投稿者投稿