Cara Pasang Anti Copy Paste Pakai jQuery dan CSS

Author : Sigit Purnomo | Released : March 12, 2018 | Category :
css and jquery
Credit image : jstricks.com

Banyak sudah rekan-rekan yang memposting tutorial tentang bagaimana cara agar artikel blog tidak bisa dicopy orang lain dengan teknik sederhana dan mudah, namun masih ada beberapa trik jitu yang mungkin belum di informasikan.

Untuk itu disini saya akan menunjukkan cara membuat blog kita menjadi sulit di copas oleh blogger lain menggunakan beberapa cara. Ini bisa kita terapkan untuk blog gratis dan berbayar, baik itu yang di hosting di blogger/blogspot, wordpress ataupun blog premium.

Langkah-langkah Mengatasi Pencurian Artikel

1. Menonaktifkan beberapa fungsi keyboard pakai script


A. DISABLE CTRL+C

Biasanya tukang copas menyalin tulisan tetangga dengan cara menekan tombol CTRL+C fungsi ini untuk menyalin teks melalui laptop atau perangkat komputer sejenisnya.

<script>
$(document).ready(function() {
    $('body').bind('copy', function(e) {
        e.preventDefault();
    });
});
</script>

Jika hanya ingin mematikan fungsi copy di selektor tertentu, misalnya pada tag pre, maka ganti $('body') menjadi $('pre') atau $('.post-body') jika ingin mematikan class 'post-body'.

Bisa juga dengan menambahkan oncopy="return false" pada body template. Jadi pemasangannya adalah <body oncopy="return false">


B. DISABLE CLICK RIGHT

Cara lain yang juga populer dilakukan pencuri konten situs Anda adalah dengan cara klik kanan, lalu pilih copy atau salin. Dengan begitu maka penonaktifan fungsi CTRL+C menjadi sia-sia.

Untuk lebih memaksimalkan usaha Anda, maka nonaktifkan juga klik kanan dengan jQuery berikut:

<script>
$(document).ready(function() {
    $("body").on("contextmenu",function(){
       return false;
    });
});
</script>

C. DISABLE CTR+U

Selain copas habis, biasanya mereka mencuri konten Anda dengan mengintip sumber kode lewat CTRL+U. Dengan teknik ini, maka semua cara penguncian fungsi keyboard menjadi sia-sia, karena mereka masih dapat menyalin artikel Anda pakai cara ini.

Untuk menonaktifkan fungsi CTRL+U, silahkan pasang JavaScript berikut kedalam template Anda.

<script>
document.onkeydown = function(e) {
        if (e.ctrlKey && (e.keyCode === 85)) {
            return false;
        }
};
</script>

Ketika cara diatas belum bisa dikatakan maksimal, karena browser modern memiliki opsi untuk mematikan script. Sehingga Anda juga perlu mengunci artikel dengan CSS.

2. Menonaktifkan beberapa fungsi keyboard pakai CSS


A. DISABLE TEXT SELECTION HIGHLIGHTING

Untuk mencegah seseorang menyalin karya Anda pakai CSS, simpan style berikut kedalam kepala / HEAD website Anda.

<style>
body {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
</style>

CSS diatas akan mematikan fungsi seleksi. Karena untuk dapat menyalin, maka perlu seleksi dulu teks / tulisan tersebut, dan trik ini sangat ampuh untuk membuat tukang copas kelas menengah kebawah geleng-geleng kepala.


B. REDIRECT IF SCRIPT DISABLED

Semua cara diatas sebenarnya nyaris sempurna, namun tetap saja memiliki kelemahan. Meskipun ketika pencuri mematikan script di browsernya, maka CSS akan berjuang memperlambat aksinya, namun itu bukan berarti mereka tak bisa mencuri konten Anda.

Karena sayangnya kita tidak dapat menonakftikan klik kanan menggunakan CSS. Andaikan itu bisa maka Anda tidak perlu cemas lagi. Sebagai jurus terakhir, Anda dapat mengalihkan pencuri dari halaman A ke halaman B jika terdeteksi mereka mematikan script di browsernya.
Pengalihan ini mengunakan meta refresh, jadi masih akan tetap dialihkan meskipun mereka menonaktifkan script di browsernya.

Caranya adalah, masukkan kode berikut diatas </head>

<noscript>
<meta http-equiv="refresh" content="0; url=http://alamatsitusanda.com"/>
</noscript>

Namun pada cara 2 B tidak saya anjurkan karena pada kasus tertentu, bisa saja ada pengunung baik yang tidak berniat mencuri konten situs Anda, dan kebetulan dia mematikan script di browsernya, maka secara otomatis dia akan dialihkan ke halaman http://alamatsitusanda.com

Namun saya pikir itu jarang teradi, dan Anda perlu melakukan ini jika Anda benar-benar benci dan tidak berkenan jika hasil karya tulisan Anda dicuri oleh blogger lain.

Nah, itu saja tutorialnya, semoga bermanfaat untuk Anda. Jika Anda adalah blogger pemula yang tidak paham coding dan bingung bagaimana cara memasang kode-kode diatas, berikut saya tunjukkan gambarannya:

<html>
<head>
<style>
body {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
</style>
<noscript>
<meta http-equiv="refresh" content="0; url=/"/> <!-- mengalihkan ke homepage -->
</noscript>
</head>
<body oncopy="return false">
<p>ARTIKEL ANDA DISINI</p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
// nonaktifkan CTRL+C
$(document).ready(function() {
    $('body').bind('copy', function(e) {
        e.preventDefault();
    });
});
// nonaktifkan KLIK KANAN
$(document).ready(function() {
    $("body").on("contextmenu",function(){
       return false;
    });
});
// nonaktifkan CTRL+U
document.onkeydown = function(e) {
        if (e.ctrlKey && (e.keyCode === 85)) {
            return false;
        }
};
</script>
</body>
</html>

Google+

Linkedin

Silahkan berkomentar sesuai topik yang dibahas