カテゴリー
ホームページ製作

アマゾン・アソシエイトのクリックが効かない時の対処法

ワードプレスのgutenberg上で、アマゾン・アソシエイト、アフィリエイトの商品リンクを貼ったものの、リンクをクリックしても効かず、アマゾンに飛べませんでした。

下記は、そのソース。

<iframe style="width:120px;height:240px;" marginwidth="0" marginheight="0" scrolling="no" src="https://rcm-fe.amazon-adsystem.com/e/cm?----" frameborder="0">
</iframe>

これは、iframeが問題でした。なので、試行錯誤の結果、iframe内で、sandbox=”allow-popups allow-scripts allow-forms allow-same-origin”を加えるとうまく機能するようになりました。

allow-popups は、ポップアップが可能になる。
allow-scripts は、表示のズレがなくなる。
allow-forms は、リンク先のフォームボタンが効くようになる。
allow-same-origin は、リンク先で再度パスワードを入力する必要がなくなる。

<iframe style="width:120px;height:240px;" marginwidth="0" marginheight="0" scrolling="no" src="https://rcm-fe.amazon-adsystem.com/e/cm?----" frameborder="0" sandbox="allow-popups allow-scripts allow-forms allow-same-origin">
</iframe>

【参考サイト】
https://www.tagindex.com/html5/embed/iframe_sandbox.html

問題が解決できてよかったです。

コメントを残す

メールアドレスが公開されることはありません。