Cara Membuat Script Anti Copy Paste (Copas) dengan JavaScript

Afid ArifinScript Anti Copy Paste, salah satu cara agar blog tidak bisa dicopy adalah dengan memasang script anti copas. Tindakan copy paste sering membuat para penulis konten asli merasa kesal karena seenaknya hasil karya disalin tanpa izin.

Cara Membuat Script Anti Copy Paste (Copas) dengan JavaScript

Script anti copy paste yang akan kita buat ini bisa kalian gunakan untuk berbagai platform seperti WordPress, Blogger / Blogspot dan website apapun yang kalian gunakan. Penasaran?

Alasan Harus Memasang Script Anti Copy Paste

Setiap orang memiliki alasan tersendiri mengapa mereka harus memasang script anti copy paste di halaman blog atau website mereka. Diantaranya adalah untuk melindungi agar sisi keaslian karya tetap terjaga.

Selain itu, akan berdampak buruk jika website yang telah menyalin artikel kita ternyata memiliki ranking yang cukup bagus tentu website atau blog kita akan tenggelam begitu saja kalah saing di mesin pencari seperti Google.

Kelebihan dan Kekurangan Memasang Script Anti Copy Paste

Segala sesuatu tindakan yang kita lakukan sudah pasti memiliki kelebihan dan kekurangannya tersendiri. Termasuk jika kalian akan memasang script anti copy paste menggunakan JavaScript.

Jika dilihat dari segi kelebihannya, memasang script anti copas tentu bisa melindungi artikel kita dari aksi pencurian artikel yang dilakukan orang yang suka copy paste. Tetapi, jika dilihat dari sisi kekurangannya tentu akan sedikit mengurangi pengalaman pengguna.

Membuat Script Anti Copy Paste dengan JavaScript

Bagi kalian yang ingin membuat script anti copy paste (copas) menggunakan JavaScript, silahkan kalian buat file JavaScript baru dengan nama anti-copas.js lalu masukkan kode berikut ke dalamnya.

!function(){"use strict";window.addEventListener("contextmenu",(e=>{e.preventDefault()})),window.addEventListener("keydown",(e=>{e.ctrlKey&&e.preventDefault(),e.altKey&&e.preventDefault(),e.metaKey&&e.preventDefault(),e.shiftKey&&e.preventDefault(),e.repeat&&e.preventDefault()})),window.addEventListener("dblclick",(()=>{document.querySelector("body").setAttribute("style","user-select: none;")})),window.addEventListener("click",(()=>{document.querySelector("body").setAttribute("style","user-select: none;")}))}();

Fungsi dari satu baris script anti copy paste rancangan saya di atas dapat berfungsi untuk mematikan fungsi CTRL + C, CTRL + U bahkan dapat juga mematikan fitur inspect element pada browser yang biasa dilakukan dengan kombinasi CTRL + SHIFT + I.

Lalu, bagaimana cara menggunakan script di atas? Cukup panggil file yang telah dibuat sebelumnya seperti berikut atau bisa juga langsung dicopy ke dalam <script></script>. Berikut contohnya.

<!DOCTYPE html>
<html>
  <head>
    <title>TEST</title>
  </head>
  <body>
    Silahkan test di sini.
  </body>
  <!-- Cara Pertama -->
  <script src="anti-copas.js"></script>
  <!-- Cara Kedua -->
  <script>!function(){"use strict";window.addEventListener("contextmenu",(e=>{e.preventDefault()})),window.addEventListener("keydown",(e=>{e.ctrlKey&&e.preventDefault(),e.altKey&&e.preventDefault(),e.metaKey&&e.preventDefault(),e.shiftKey&&e.preventDefault(),e.repeat&&e.preventDefault()})),window.addEventListener("dblclick",(()=>{document.querySelector("body").setAttribute("style","user-select: none;")})),window.addEventListener("click",(()=>{document.querySelector("body").setAttribute("style","user-select: none;")}))}();</script>
</html>

Jangan lupa, setelah itu save dan reload halaman blog atau website kalian untuk melihat hasilnya. Untuk melihat live preview, silahkan klik ikon run di atas silahkan klik kanan pada area tulisan Silahkan test di sini.

Penutup

Cara membuat script anti copy paste (copas) dengan JavaScript tidak benar-benar dapat mematikan beberapa short cut yang sering digunakan oleh copaser yang suka menyalin artikel tanpa sumbernya.

Kode yang telah kita buat sebelumnya bisa tidak berguna jika pengunjung mematikan JavScript. Meskipun demikian, jika JavaScript aktifkan pun juga masih bisa diakali dengan melakukan view-source di browser mereka.

Namun, paling tidak kita bisa sedikit membuat mereka merasa kesulitan jika ingin menyalin mentah-mentah artikel hasil karya kita. Selamat mencoba dan semoga bermanfaat.

Bagikan Ke

Leave a Reply

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *