Associates Link BuilderのAMPエラー

2019年8月31日

Google search consoleのAMPで「タグ「amp-img」の CSS 構文エラーです。」とエラーが出ていたので色々対策してみました。

Associates Link BuilderのAMPエラー修正。

対策と言ってもサクッとググって対処しただけなのでそこまでめんどくさくは無かったです。
まず問題はAssociates Link Builderが

<img src="" width="1px" height="1px" alt="" style="position: fixed !important; bottom: -1px !important; right: -1px !important; border:none !important; margin:0px !important;" />

という構文を吐き出していたこと。
単純に削除したら良いんだけどAMP側でのみエラーとなる為何処消すんだこれ、
となったため調べてみるとそもそもプラグイン中の記述を変更しなければいけない様だったのでFTPでプラグインへアクセス。

wp-content>plugins>amazon-associates-link-builder>rendering>impression_generator.php

上記へアクセスして最後の方にある

return '<img src="' . $image_url . '" width="1px" height="1px" alt="" style="position: fixed !important; bottom: -1px !important; right: -1px !important; border:none !important; margin:0px !important;" />'

return '<img src="' . $image_url . '" width="1" height="1" alt="" />';

に変更しました。

Associates Link Builder 1.6.0からエラーを吐いて居たようなので同じエラーに悩まされている方は対応してみて下さい。
ただし、修正は自己責任でお願いします。

許可されていない属性または属性値が HMTL タグにあります。

「許可されていない属性または属性値が HMTL タグにあります。」に悩まされている方はAssociates Link Builderではなく直接Amazonアソシエイトを張っていた方だと思います。
現象としては上記と同じですがこちらの場合は

<amp-img layout="responsive" src="https://ir-jp.amazon-adsystem.com/e/ir?t=〇〇〇〇〇〇〇〇〇&amp;l=li3&amp;o=9&amp;a=〇〇〇〇〇〇〇〇" width="1" height="1" alt="" title="" class="" sizes="(max-width:1px) 100vw,1px" style="border: none !important; margin: 0px !important;"></amp-img>
※〇はAmazon アソシエイトID及び商品ID

の記述を該当ページで検索(Ctrl+Fなどで)して、上記の一文を削除するとエラーは消えます。

同じ内容で困っている方は自己責任で修正してみて下さい。