広告が複数配置されたページでのDOM操作テスト
これはダミーのテキストです。Chrome拡張機能の実験を行うために、適度な文章量と複数の広告枠を用意しています。広告ブロッカーなどの拡張機能を開発する際、サイトのレイアウトが崩れないか、あるいは意図したスクリプト(この場合は忍者AdMaxのタグ)が正しくブロックされているかを確認するために使用できます。
近年、ウェブサイトのマネタイズにおいて広告は不可欠なものとなっていますが、ユーザー体験を損ねないような適切な配置が求められます。このダミーページでは、よくあるブログレイアウトを模倣し、記事の途中やサイドバーに広告を配置しています。
拡張機能のデバッグ方法
自作の拡張機能をテストする際は、Chromeのデベロッパーツール(F12キー)を開き、「Console」タブでエラーが出ていないか、「Network」タブで adm.shinobi.jp へのリクエストが意図通りに遮断(または許可)されているかを確認すると良いでしょう。
また、「Elements」タブを使用して、広告ブロック後に残ってしまう空白領域(プレースホルダーのdiv要素など)をCSSで非表示にするロジック(Cosmetic Filtering)が正しく動いているかの確認も重要です。
ダミーテキストはここまでです。Cloudflare Pagesにデプロイする際は、このHTMLファイルを一つアップロードするだけで世界中にCDN経由で配信されます。設定も簡単なので、ちょっとした検証用のモックサイトを立ち上げるのに非常に便利です。