iframe内のリンクを使いたくない時

2020/08/17
instawidgetがサービス終了した上に、代替サービスでよく使われてる（であろう）instawindowではiframeを採用してないのでこの記事自体要らなくなってしまった。。
https://insta-window-tool.web.app/

ただ、iframe内のリンクで困ったときのために残します。

instawidgetをサイトに埋め込み時、リンク先を自由に設定することができない
（instawidgetの記事URLに飛んでしまう）

自由なURLを設定したかったのでiframeのクリックイベントをjsで制御しようとしたけどレイヤーの関係なのかうまく制御できず、、

CSSでiframe内のクリックを無効にできるのでそっちでできた。

<script src="https://instawidget.net/js/instawidget.js?u=ce6e9e4a15482922f195a1fe83cda9ecb592598bf296f3cd907e3d67fc24b0ee&width=300px"></script>

↓

<a href="http://google.com" target="blank" id="hoge">
<script src="https://instawidget.net/js/instawidget.js?u=ce6e9e4a15482922f195a1fe83cda9ecb592598bf296f3cd907e3d67fc24b0ee&width=300px"></script>
</a>
<style>
# hoge {
	display:block;
}
# hoge iframe{
	pointer-events: none;
}
</style>

これでできる。