Cara Membuat Website Tidak Bisa di Copy Paste

Sebagai pemilik website, salah satu tantangan utama yang dihadapi adalah melindungi konten dari tindakan copy-paste yang tidak sah. Langkah-langkah pencegahan menjadi krusial untuk menjaga integritas dan keunikan informasi yang kita bagikan.

Mengapa kita harus mencegah copy-paste? Selain melindungi hak kekayaan intelektual, tindakan ini dapat memiliki dampak serius pada reputasi dan peringkat website kita di mesin pencari.

Perkembangan teknologi telah membuat copy-paste semakin mudah dilakukan, sehingga perlunya tindakan pencegahan yang efektif. Untuk pengguna Wordpress atau CMS lain, pencegahan copy-paste dapat dilakukan dengan menginstal plugin WP Content Copy Protection.

Sedangkan untuk developer HTML, pencegahan copy-paste dapat dilakukan dengan kombinasi CSS dan JavaScript. CSS digunakan untuk mencegah text agar tidak dapat diseleksi, sedangakan JavaScript digunakan untuk mencegah pengguna agar tidak dapat mengcopy atau klik kanan pada website.

Berikut adalah kode CSS untuk mencegah pengguna melakukan seleksi:

 body {
 	-webkit-user-select: none;
 	-moz-user-select: none;
 	-ms-user-select: none;
 	user-select: none;
 }

Berikut adalah kode JavaScript untuk mencegah pengguna mengcopy dan membuka konteks menu (klik kanan) pada website:

var addHandler = function (element, type, handler) {
	if (element.addEventListener) {
		element.addEventListener(type, handler, false);
	} else if (element.attachEvent) {
		element.attachEvent("on" + type, handler);
	} else {
		element["on" + type] = handler;
	}
};

var preventDefault = function (event) {
	if (event.preventDefault) {
		event.preventDefault();
	} else {
		event.returnValue = false;
	}
};

addHandler(window, "contextmenu", function (event) {
	preventDefault(event);
});

document.onkeydown = function (event) {
	if(event.ctrlKey || event.shiftKey || event.keyCode == 123) {
		return false;
	}
};