ふむふむ。

まず window.opener ってなになに？ っと始まり、他にも1.2時間かけて関連記事を読み漁りました。結論から言って理解度は70%くらい。

要は、target=”_blank” で新しいリンク先ウィンドウを開く。そこでjavascriptの “window.opener” なるコードを使うち元の親ウィンドウの内容を操作できてしまう。

もし、リンク先に悪意のあるコードがあるとフィッシング詐欺被害などを受ける可能性があるので危険ですよ、ということ。

ここでは、 やっとくべきことだけを簡単にまとめますね。

気になる方は、さらに「window.opener」とか「target=”_blank” 脆弱性」とかでググっていただくといろいろ出てきます。

必要な対策

結論として、押さえておくことはタイトル通り。

繰り返しですが、 targer=”_blank” を使う際に、rel=”noopener” を入れましょう。

rel=”noopener”

新しく開いたページから window.opener オブジェクトを使って、元ページの操作をさせない指定。

「no opener ノーオープナー」オープナーさせないの意味ですね。

最初「ノーペネアー？」と読んでました(笑) もう覚えました。

rel=”noreferrer”

また、最初にも書きましたが、ワードプレスの記事内で target=”_blank” を使うと、自動で rel=”noopener noreferrer” が入ります。

「noreferrer」は、リファラー情報(リンク元のページの情報)をサーバーに送信しない設定のよう。これもつけておくと安心ですよ。で、ワードプレスでは勝手についてくるようです。

ちなみに、

アフェリエイトをされている方で rel=”noreferrer”がついていると、成果報酬が発生しないという記事も見かけました。対策としては、「target=”_blank”」を使わずにリンクさせる。

こちらを↓

<a href="https://canvas-i.com/"
	target="_blank" rel="noopener noreferrer">
	[ テキスト... ]
</a>

こうする↓

<a href="https://canvas-i.com/">

	[ テキスト... ]
</a>

各ASPでは、問題ないところがほとんどのようですが。こうしておく方がベターかな。

まとめ

調べだして、数時間消耗しました。やることは変わらなかった。

rel=”noopener noreferrer” は付けときましょう。そしたら安全。

それでは、最後までお読みいただきまして、ありがとうございました🙌