Cara Jitu Mencegah Copy Paste dan Disable Page Source

Artikel mencegah copy paste dan disable view page source kali ini adalah pelengkap dari tulisan saya sebelumnya mematikan klik kanan dan text selection. Sehingga cukup lengkaplah cara melindungi artikel dari pencurian atau copy paste dari blogger-blogger yang tak bertanggung jawab itu. Trik ini dapat digunakan oleh semua jenis website baik wordpress, blogger, drupal, joomla dan lain-lain. Adapun beberapa inti proteksi konten / artikel ini terdiri dari mematikan fungsi klik kanan, menonaktikan text selection, mendisable view page source, menyembunyikan isi jika tanpa javascript, serta menonaktifkan fungsi shortcut pada browser.
Tips untuk mencegah copy paste dan proteksi konten artikel ini sebenarnya diadaptasikan dari plugin WP Copy Protect (https://wordpress.org/plugins/wp-copyprotect/). Namun untuk menghindari penggunaan plugin yang berlebihan maka saya terapkan script secara manual. Dan sekali lagi, meskipun tadinya dari plugin tapi bisa diterapkan dengan baik pada website selain wordpress karena menggunakan javascript. Triknya sangat mudah saja, silahkan ikuti 3 langkah berikut:

• Bagi pengguna WordPress dari dashboard, pilih appearance – theme editor – dan buka header.php. Sementara pengguna blogger dan CMS lainnya, pastikan Anda tahu template html Anda dan cari bagian head.
• Salin script di bawah ini, simpan di mana saja sebelum penutup tag </head>

  <!-- Kode menampilkan peringatan untuk mengaktifkan javascript-->
  <div align="center"><noscript>
     <div style="position:fixed; top:0px; left:0px; z-index:3000; height:100%; width:100%; background-color:#FFFFFF">
     <div style="font-family: Arial; font-size: 17px; background-color:#00bbf9; padding: 11pt;">Mohon aktifkan javascript pada browser untuk mengakses halaman ini!</div></div>
  </noscript></div>
  
  <!--Kode untuk mencegah seleksi teks, block teks dll.-->
  <script type="text/javascript">
  function disableSelection(e){if(typeof e.onselectstart!="undefined")e.onselectstart=function(){return false};else if(typeof e.style.MozUserSelect!="undefined")e.style.MozUserSelect="none";else e.onmousedown=function(){return false};e.style.cursor="default"}window.onload=function(){disableSelection(document.body)}
  </script>
  
  <!--Kode untuk mematikan fungsi klik kanan di blog-->
  <script type="text/javascript">
  function mousedwn(e){try{if(event.button==2||event.button==3)return false}catch(e){if(e.which==3)return false}}document.oncontextmenu=function(){return false};document.ondragstart=function(){return false};document.onmousedown=mousedwn
  </script>
  
  <style type="text/css">
  * : (input, textarea) {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
  
  }
  </style>
  <style type="text/css">
  img {
  	-webkit-touch-callout: none;
  	-webkit-user-select: none;
      }
  </style>
  
  <!--Kode untuk mencegah shorcut keyboard, view source dll.-->
  <script type="text/javascript">
  window.addEventListener("keydown",function(e){if(e.ctrlKey&&(e.which==65||e.which==66||e.which==67||e.which==73||e.which==80||e.which==83||e.which==85||e.which==86)){e.preventDefault()}});document.keypress=function(e){if(e.ctrlKey&&(e.which==65||e.which==66||e.which==67||e.which==73||e.which==80||e.which==83||e.which==85||e.which==86)){}return false}
  </script>
  <script type="text/javascript">
  document.onkeydown=function(e){e=e||window.event;if(e.keyCode==123||e.keyCode==18){return false}}
  </script>
  
  

• Save dan simpan perubahan. Jika Anda tidak bisa copy script di atas download saja kodenya pada file CopyProtectScript.txt

Contoh hasil halaman yang sudah dipasangi script anti copas ini Lihat Halaman Demo

Bagian dan Fungsi Script Anti Copas

Sampai sini sebenarnya langkah melindungi blog/ website dari copy paste sudah selesai. Namun untuk lebih memahami maksud dan fungsi kode/ script di atas, berikut saya uraikan pula bagian-bagian script di atas:
Kode peringatan untuk mengaktifkan javascript
Kode ini akan memaksa pengunjung untuk mengaktifkan javascript pada browser, jika tidak diaktifkan maka isi halaman blog kita akan terblok, tersembunyi dan kosong melongpong hanya menampilkan peringatan saja. Dengan begini, pengunjung mau tidak mau harus mengaktifkan javascript dan ketika javascript diaktifkan seluruh kode perlindungan artikel dari mulai mencegah klik kanan, disable text selection, mematikan view source dan lainnya akan aktif pula.
Kode mencegah seleksi teks, block teks Tujuannya cukup jelas, yaitu mencegah pengunjung untuk menyeleksi/ blok isi artikel sebelum di copy sehingga tidak ada teks yang bisa dicopas.
Kode mematikan klik kanan mouse
Menu klik kanan pada browser bisa memiliki fungsi negatif jika pemakainya adalah pencuri. Sebut saja menu Copy, Print, view Page Source (tampilkan sumber halaman), dan save as sangat mempermudah dalam menyalin / copy artikel. Nah, dengan adanya script ini menu klik kanan bisa dihilangkan sehingga dapat meminimkan usaha negatif si calon kopassus, eh copasser 😆
Kode untuk mencegah shorcut keyboard
Sama seperti poin sebelumnya beberapa kombinasi shortcut pada browser dapat menguntungkan dalam penyalinan data artikel seperti tombol Ctrl + A (memilih semua teks) dan Ctrl + U (menampilkan sumber halaman html). Dengan script di atas fungsi shortcut ini dimatikan, tapi kabar baiknya tidak mencegah fungsi bookmark (Ctrl + D).

Masih berkaitan ketahui pula menampilkan source code pada android
Sebagai catatan, cara mencegah copy paste di atas bersifat client side artinya masih dapat di override oleh si pengguna. Misalkan si pengguna menonaktifkan javascript pada browsernya, terlebih kode di atas adalah memang javascript. Namun tidak ada salahnya menerapkan trik di atas sebagai salah satu cara melindungi blog kesayangan kita; dari pada dibiarkan tanpa perlindungan sedikitpun; setidaknya besar kemungkian bisa berhasil bagi para newbie. Finally, selamat mencoba dan mudah-mudahan bermanfaat…