「Adblockが有効だと特定の要素が消えちゃう！」が起きないサイトを作る方法 - Qiita

Adblockとは、ブラウザの拡張機能で、Webサイトに表示される広告を自動で非表示にしてくれるというものです。 ※ この記事では、「Adblockは悪か」、といった話題には触れず、以下の前提で進めます。 世の中にはAdblockを導入しているユーザーが居る そういったユーザーでもサイトを利用できる状態にしたい ＝ 広告以外の要素が意図せず非表示になるのを防ぎたい この拡張機能が有効なユーザーがサイトを表示した際、広告ではない要素まで消えてしまうという事象が起きることがあります。 例えば今だと、某有名レシピサイトさんの右カラムが丸ごと消失してしまうようです。 治ったようです。 関係ない要素が消える理由 Adblockには、いくつかの仕組みで広告を検知しているようですが、そのうちの一つが、id名による検知です。 要素のid名に#ad_*のようなものが設定されていると、広告と認識され、非表示に