Tutorial Membuat Script Anti Copy Paste dengan JavaScript

Tutorial Membuat Script Anti Copy Paste – Salah satu cara agar blog tidak bisa dicopy paste yaitu dengan memasang script anti copas. Keaslian dari sebuah karya tulis harus diutamakan, namun apa jadinya jika karya tulis yang dengan susah payah dibuat oleh kita malah disalin tanpa izin oleh orang lain bahkan paling parah diakui sebagai karya tulis sang penjiplak?

Daftar Isi

Tentu saja hal ini membuat para penulis asli menjadi kesal. Kenapa? Karena kita sudah susah payah menulis dan perlu waktu yang lama malah seenaknya dicopy paste tanpa menyertakan sumber asli tulisannya. Lalu, bagaimana cara mengatasi agar blog tidak bisa dicopy paste orang lain? Simak penjelasannya berikut ini.

Alasan Memasang Script Anti Copy Paste

Beberapa orang memiliki alasan tersendiri memasang script anti copy paste di web atau blog mereka. Diantara alasan tersebut salah satunya untuk melindungi keaslian karya tulisannya agar tetap terjaga. Mengapa demikian? Tentu saja apabila dibiarkan akan berdampak buruk di mata mesin pencari seperti Google.

Sudah berapa sering kita menemukan bahwa blog yang menyalin karya tulis kita justru mendapatkan peringkat yang lebih baik dari pemilik aslinya dan lama kelamaan karya yang asli akan semakin tenggelam di hasil pencarian. Sehingga traffik yang awalnya cukup banyak, akan turun secara drastis akibat ulah para copaser.

Kelebihan dan Kekurangan Script Anti Copy Paste

Segala tindakan yang akan kita lakukan pasti memiliki sisi kelebihan dan kekurangan, termasuk ketika akan menggunakan script anti copy paste di blog kita. Dari segi kelebihannya yaitu dapat melindungi karya tulis kita dari aksi pencurian artikel yang dilakukan oleh orang lain.

Namun, jika dilihat dari sisi kekurangannya tentu saja akan berdampak pada tingkat pengalaman pengguna yang berkurang. Misalnya saja, apabila blog Anda berisi karya tulis bertemakan pendidikan maka sangat tidak cocok dipasangi script anti copas. Karena, beberapa orang pasti akan melakukan copy paste untuk tujuan referensi belajar mereka.

Membuat Script Anti Copy Paste JavaScript

Bagi Anda yang memang ingin memasang script anti copy paste dengan JavaScript di blog, maka silahkan gunakan kode JavaScript berikut ke dalam blog Anda. Silahkan buat terlebih dahulu file JavaScript dengan nama apa saja, dalam tutorial ini saya membuat file JavaScript 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;")}))}();

Cara menggunakan script anti copas dengan JavaScript di atas cukup mudah. Anda cukup memanggil file JavaScript yang telah dibuat dan dimasukkan ke dalam tag <script></script>seperti pada contoh berikut.

<!DOCTYPE html>
<html>
  <head>
    <title>TEST</title>
  </head>
  <body>
    Untuk uji soba, Silahkan arahkan kursor 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>

Script anti copy paste yang telah kita buat di atas dapat diinstall di berbagai macam platform web seperti Blogger / Blogspot, WordPress dan lain sebagainya. Demo script ini bisa Anda cek dengan cara klik ikon RUN pada pojok kanan atas kode di atas.

Penutup

Cara membuat script anti copy paste (copas) dengan JavaScript memiliki kelemahan, sehingga tidak benar-benar berfungsi apabila pengunjung blog Anda mematikan JavaScript pada browser mereka. Sehingga tentu saja hal ini kurang berguna, namun setidaknya akan membuat repot para copaser jika ingin copy via view-source: browser.

Demikian artikel pada kesempatan kali ini mengenai tutorial membuat script anti copy paste dengan JavaScript. Sekian dari saya, selamat mencoba dan semoga bermanfaat.