Lompat ke konten

Cara menghapus banner cookie dan pop-up dari rekaman website

Jauhkan banner persetujuan, gelembung obrolan, dan modal newsletter dari video website: tutup, sembunyikan dengan CSS, blokir dengan daftar filter, atau pakai alat perekam yang menyingkirkannya lebih dulu.

Aviral LakhanpaulDiperbarui 2 menit baca

Jawaban singkatnya

Singkirkan semuanya sebelum merekam, bukan sesudahnya: memotong atau mengaburkan banner di editor tidak pernah terlihat rapi. Saat merekam sendiri, tutup banner-nya, sembunyikan sisanya dengan satu baris CSS di DevTools, atau blokir pemberitahuan cookie dengan daftar filter. Saat merender dari URL, pakai alat yang otomatis menyingkirkan banner persetujuan, tombol obrolan, dan modal, serta memungkinkanmu menyembunyikan elemen apa pun yang terlewat lewat selektor CSS.

Mengapa harus dilakukan sebelum merekam

Bilah persetujuan yang menempel di bagian bawah jendela ada di setiap bingkai video gulir. Memotongnya berarti kehilangan sepotong halaman di setiap bingkai juga, dan mengaburkannya meninggalkan noda yang diam di tempat sementara semua yang lain bergulir. Gelembung obrolan di pojok sama saja. Satu-satunya versi yang bersih adalah versi yang sejak awal tidak memuatnya.

Saat kamu merekam layar sendiri

  • Tutup atau terima banner-nya, tutup modal newsletter dan kecilkan widget obrolan, lalu muat ulang dan pastikan semuanya tidak muncul lagi. Banyak yang muncul kembali setiap kali halaman dimuat di jendela pribadi yang baru.
  • Blokir semuanya. uBlock Origin menyertakan daftar filter opsional untuk pemberitahuan cookie (di pengaturannya, pada Filter lists, Annoyances). Nyalakan di profil browser yang kamu pakai untuk merekam.
  • Sembunyikan sisanya dengan CSS. Di DevTools, klik kanan elemennya, pilih Inspect, lalu hapus node-nya atau tambahkan aturan untuk menyembunyikannya.
Aturan DevTools untuk menyembunyikan sisa-sisa yang umum
/* Tempel ke aturan gaya baru di panel Elements. Sesuaikan selektornya
   dengan yang benar-benar dipakai halaman. */
#onetrust-banner-sdk,
.cookie-banner,
[aria-label*="cookie" i],
.intercom-lightweight-app { display: none !important; }

html, body { overflow: auto !important; }

Baris terakhir lebih penting daripada kelihatannya. Banyak modal mengunci guliran halaman selama terbuka, dan menyembunyikan modal tanpa melepas kuncinya menyisakan halaman yang tidak bisa digulir.

Saat kamu merender dari URL

Di Website Scroll Video, ini menyala secara bawaan, dengan nama “Singkirkan banner cookie dan pop-up”. Sebelum apa pun direkam, halaman dibersihkan:

  • Platform persetujuan besar dikenali dari namanya lalu disingkirkan.
  • Yang tidak dikenal ditangkap oleh heuristik yang mencari elemen menempel di lapisan teratas dengan kata-kata persetujuan.
  • Tombol obrolan, modal newsletter, dan latar gelap yang tersisa juga disingkirkan.
  • Kunci guliran yang ditinggalkan modal-modal itu dilepas, sehingga halaman bisa digulir sampai ke bawah.

Ada dua setelan lagi di sebelahnya. Blokir pelacak dan iklan mencegah permintaan pelacakan dan iklan dimuat, sehingga slot iklan dan widget yang dibawanya juga tidak masuk ke bingkai. Sembunyikan elemen menerima selektor CSS, satu per baris, untuk apa pun yang khas situs tertentu dan terlewat oleh pembersihan otomatis, seperti bilah promo atau tombol “Book a demo” yang menempel.

Header yang menempel itu lain cerita

Bilah navigasi yang menempel adalah bagian dari desain, bukan gangguan, dan biasanya memang layak ada di video. Renderer yang menggeser satu tangkapan layar tinggi harus menanganinya secara khusus, kalau tidak header itu hanya muncul sekali di atas lalu ikut tergulir pergi. Website Scroll Video memasang kembali header yang menempel di atas setiap bingkai, tetap di tempatnya seperti yang dilihat pengunjung. Jika kamu lebih suka header itu tidak ada sama sekali, tambahkan selektornya ke “Sembunyikan elemen”.

Coba di situsmu sendiri

Tempel tautan dan lihat pratinjau guliran secara gratis. 51 kredit gratis saat mendaftar, tanpa kartu, dan tanpa watermark di apa pun yang kamu ekspor.

Pencarian terbaru

    Pertanyaan, terjawab

    Jawaban singkat untuk hal yang biasanya ditanyakan berikutnya.

    Kontak
    Bagaimana cara menyembunyikan banner cookie saat merekam layar website?

    Tutup banner-nya lalu muat ulang untuk memastikan tetap tertutup, atau sembunyikan dengan aturan CSS di DevTools, atau aktifkan daftar filter pemberitahuan cookie di pemblokir iklan. Lalu lepaskan kunci guliran yang ditinggalkannya.

    Apakah banner cookie akan muncul di hasil ekspor Website Scroll Video saya?

    Tidak. Platform persetujuan yang dikenal diidentifikasi dari namanya, dan yang tidak dikenal lewat heuristik yang mencari elemen menempel di lapisan teratas dengan kata-kata persetujuan, lalu semuanya disingkirkan sebelum apa pun direkam. Tombol obrolan dan modal newsletter ikut disingkirkan.

    Bagaimana jika pop-up masih muncul di video saya?

    Tambahkan selektor CSS-nya di “Sembunyikan elemen” pada pengaturan video, lalu lihat pratinjaunya lagi. Pratinjau gratis, jadi kamu bisa memeriksa sebelum mengekspor.

    Logo Website Scroll Video, tombol putar di atas halaman web dalam jendela browser.

    Lebih sedikit waktu merekam. Lebih banyak waktu berkarya.

    Otomatiskan perekaman situs dengan gerak yang bisa disesuaikan, kendali yang cerdas, dan pilihan ekspor yang dirancang untuk kreator masa kini.