ウェブサイトの収録から Cookie バナーとポップアップを取り除く方法

• バナーを閉じるか承認し、 ニュースレターのモーダルを閉じ、チャットウィジェットを最小化したら、再読み込みして消えたままか確認します。新しいプライベートウィンドウでは、ページを読み込むたびに戻ってくるものが少なくありません。
• ブロックする。 uBlock Origin には、Cookie の通知をブロックするフィルターリストがオプションで用意されています（設定の Filter lists にある Annoyances の項目）。録画に使うブラウザのプロフィールで、それをオンにします。
• 残ったものは CSS で隠す。 DevTools で要素を右クリックして「検証」を選び、そのノードを削除するか、隠すためのルールを追加します。

/* Elements パネルで新しいスタイルルールに貼り付けます。セレクタは
   ページで実際に使われているものに合わせて調整してください。 */
#onetrust-banner-sdk,
.cookie-banner,
[aria-label*="cookie" i],
.intercom-lightweight-app { display: none !important; }

html, body { overflow: auto !important; }

最後の行は、見た目以上に重要です。多くのモーダルは表示中にページのスクロールをロックしていて、ロックを解除しないままモーダルだけを隠すと、スクロールできないページが残ります。

Website Scroll Video では、これは「Cookie バナーとポップアップを取り除く」として最初からオンになっています。収録を始める前に、ページを次のように整えます。

• 主要な同意管理プラットフォームは名前で判別して取り除きます。
• 未知のものは、固定表示で重なり順の高い、同意の文言を含む要素を探すヒューリスティックで捕まえます。
• チャットの起動ボタン、ニュースレターのモーダル、残った暗い背景幕も取り除きます。
• そうしたモーダルが残していくスクロールのロックを解除するので、ページはいちばん下までスクロールします。

その隣にはさらに 2 つの設定があります。「トラッカーと広告をブロック」は、トラッキングと広告のリクエストを読み込ませないので、広告枠や広告が持ち込むウィジェットもフレームに入りません。「要素を隠す」には CSS セレクタを 1 行に 1 つずつ入力でき、プロモーションバーや追従する「デモを予約」ボタンなど、自動の処理で残ったサイト固有のものを隠せます。

固定表示のナビゲーションバーは邪魔なものではなくデザインの一部で、たいていは動画に入れるべきものです。縦に長いスクリーンショット 1 枚の上をパンするレンダラーは、これを特別に扱わなければなりません。さもないと、最初に一度上に映ったあと、スクロールとともに流れ去ってしまいます。Website Scroll Video は、固定ヘッダーを各フレームの上に重ね直し、訪問者が見るのと同じように固定して表示します。まったく映したくないなら、そのセレクタを「要素を隠す」に追加してください。