- このトピックには19件の返信、2人の参加者があり、最後に
により8年、 1ヶ月前に更新されました。
-
投稿
-
-
いつもお世話になっております。
Simplicity2.3.7でAMPをONにしています。
現在の状態だと、AmazonJSのAMP対応はされていないと思いますが、物理的に可能であれば今後のバージョンアップで対応していただけるとありがたいです。現在の状態だと、
The mandatory attribute ‘height’ is missing in tag ‘amp-iframe’というエラーが出ます。
高さが指定されていないのはわかりますが、自前で解決方法が分かりません。 -
-
わいひらさま
当方のサイトでAmazonJSを使っているページのリンクを幾つか貼っておきます。
https://cre027t.jp/classic10/
https://cre027t.jp/ucjj9006/
https://cre027t.jp/raspberry-pi/ -
ページを拝見して見たところ、AmazonJS自体はJavaScriptを用いて商品情報を出力しているようです。
ただ、AMPではJavaScriptは利用できません。AMPエラーが出ます。
けれど、AmazonJS側では、スクリプトを利用できない環境用に以下のようなタグを出力して、iframeでAmazonデフォルトのブログパーツ機能を読み込んでいます。
<noscript><iframe src="http://rcm-jp.amazon.co.jp/e/cm?t=xxxxx-22&o=9&p=8&l=as1&asins=B00KCITBCI&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></noscript>
Amazonブログパーツ自体の大きさは、width:120px;height:240px;の固定なのでamp-iframeタグで幅と高ささえ指定してやれば、いけるかと思ったのですが1つ問題がありました。それは、iframeで読み込んで入れURLがhttpだということです（httpsではない）。
http://rcm-jp.amazon.co.jp/...
AMPでは、iframeからhttpを読み込むと、以下のようなエラーが結局出てしまいます。Invalid URL protocol ‘http:’ for attribute ‘src’ in tag ‘amp-iframe’.
このURLのプロトコル部分はどうしようもないかもしれません（httpsで利用することができる代替URLでもあれば別ですが）。ですので、これはちょっと現在テーマ側からはどうしようもできないかもしれません。
-
ていうか、Amazonアソシエイトから久しぶりに商品リンク（ブログパーツ）を生成してみたら、生成される商品リンクは、httpsですね。
<iframe src="https://rcm-fe.amazon-adsystem.com/e/cm?t=xxxxx-22&o=9&p=8&l=as1&asins=B00BXVR8FU&ref=tf_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>
こちらのURLを利用するように置換してやればうまくいくのかも。
https://rcm-fe.amazon-adsystem.com/ただ、今日はもう遅いので明日やろうと思います。
明日実際にやってみないと、うまくいくかどうかはわからないですけど。 -
-
とりあえず、僕の予想できる範囲では、対応させてみました。
よかったら試していただけると幸いです。
https://wp-simplicity.com/wp-content/uploads/2016/10/simplicity2-6.zipAmazon商品リンクのiframeでそのまま表示させようとしたのですが、なんだかんだで問題点が結構あってうまくいきませんでした。ですので結局iframeに含まれているリンクから、アソシエイトURLを再構成し、そのアソシエートURLからブログカードを生成して表示するようにしてみました。
-
色々対応して頂いてありがとうございます。
さっそく、ダウンロードして実験してみました。
AMPエラーは無くなりました！現状はamazonアソシエイトのリンクアドレスがそのまま表示されています。
画像が表示されるのが理想ですが、エラーが無いのでこれだけでもありがたいです。AMPの根本的なことが理解不足ですみません。
現在、simplicity2-6.zipを適用させた状態です。
https://cre027t.jp/classic10/
https://cre027t.jp/ucjj9006/
https://cre027t.jp/raspberry-pi/ -
>periさん
初めまして。
一番良い対応は、プラグイン開発者に対応するようお願いする事です。
作った物の修正 or 追加等、プラグイン開発者が一番良く知っています。URL：https://goo.gl/xpfaJO
-
おそらく改行状態が影響しているのかもしれません。
一応確認なんですが、テンプレートファイルや、functions.phpはカスタマイズしていないですよね？僕の環境だと以下のようにブログカード形式で表示されます。
サムネイルとなる商品画像はページのキャプション画像になります。完全な商品画像を表示させようとすると、かなりの手間なので、諦めていただければと。そこまでやるとなるとリモートもしくはアマゾンAPI上から画像引っ張ってくる必要が出てくるので、かなり大変そうなので。一応、推測ではありますが修正してみたので、以下を試していただけると幸いです。
https://wp-simplicity.com/wp-content/uploads/2016/10/simplicity2-7.zip -
あと、できればこっちも試してもらって良いですか。
https://wp-simplicity.com/wp-content/uploads/2016/10/simplicity2-8.zip
こっちが本来AmazonJSが出力するiframeをAMP化した場合の表示です。
ただこっちは、僕が試した限りでは、「表示される商品リンク」と「表示されない商品リンク」があったりして、いまいち動作が不安定だったので、先程の仕様にしてみました。
こっちがうまくいくようであれば、こっちでも良いのですが。 -
わいひら様
＞テンプレートファイルや、functions.phpはカスタマイズしていないですよね？
functions.phpは触れていません。
テンプレートファイルとはどの部分でしょうか？おそらく触れていないと思います。
こちらの環境だと、simplicity2-7.zipはAMPエラーが出てAmazonJSは表示されません。
simplicity2-8.zipは、わいひら様と同じ表示です。当方としては、通常のアソシエイト表示でも満足です。
ありがとうございます。現在、simplicity2-8.zipを入れた状態です。
https://cre027t.jp/classic10/
https://cre027t.jp/ucjj9006/
https://cre027t.jp/raspberry-pi/＞がちょぴん様
おっしゃる通りです。
本家のサイトもチェックしてみます。 -
追記です。
以前のブログカードの表示と同じで、AmazonJSリンクの頭に<p>を付けたらどうなるか、simplicity2-7.zipで実験してみます。
-
simplicity2-7.zipで改行を試してみましたが、AMPエラーで表示されないのは変わりませんでした。
simplicity2-8.zipならエラーは出ません。
-
テンプレートファイルとはどの部分でしょうか？
テンプレートファイルとは、PHPファイルのことです。
あら、simplicity2-8でも全て問題なく表示されますね。しかも結構いい感じで表示されてる。
すると、僕のローカル環境だけでおかしな表示になっていたのか。
表示に問題がないようでしたら、2-8にしようかなと。
ただ、Amazonの商品リンクを利用した、AMPページだと以下のようなコンソールエラーが出るのは気になるところです。
でもこれは、アマゾン側の問題かも。あと出来れば、2-7を適用していただいてエラーが出ている状態を見せていただくことも可能でしょうか。
どういったエラーが出ているかを見てみて、何が問題だったかを把握しておきたいので。あとは、どちらにしようか決めたいと思うので。 -
>periさん
提示されているサイトにアクセスしたところ画像表示されていました。
ブラウザから広告ブロック等の拡張機能入れていたら一旦無効にして確認してみてください。 -
わいひら様
がちょぴん様広告ブロックは入れていません。
現在simplicity2-7.zipを適用した状態です。
この場合、こちらの環境だと
例えば下記リンク先の場合は
https://cre027t.jp/classic10/以下のようなエラーメッセージが出で、アソエイトは表示されません。
The mandatory attribute ‘height’ is missing in tag ‘amp-iframe’こちらがチェックで使っているブラウザがvivaldiなのが原因かもしれません。
クロムのプラグインを入れてAMPチェックをしています。
ただし、グーグルのSearch Consoleからエラーチェックをしても同じエラー表示です。 -
-
-
わいひら様
こちらこそ、ご対応ありがとうございます。
今後ともよろしくお願いいたします。
-
- トピック「AmazonJSのAMP対応について」には新しい返信をつけることはできません。