Как защитить текст на сайте от копирования

60 просмотров
Автор: Николай Ковалёв

Если у вас есть свой сайт, на котором вы пишите свои уникальные тексты и вы не хотите, чтобы ваши труды копировали недобросовестные владельцы других сайтов, то эта статья поможет вам чуть-чуть усложнить им задачу. Почему чуть-чуть? Да потому что, как ни крути, с любого сайта можно скопировать любой текст и скачать любое фото.

Итак, давайте хоть как-то защитим контент на вашем сайте от копирования. Такая базовая защита будет хороша против базовых пользователей, которые не умею залезать в код страницы.

Защищаем контент от копирования

Защита текста делается простым отключением возможности выделять текст на сайте. Сделаем мы это при помощи вот такого CSS-кода, который нужно повесить на тег body.

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

Защищаем фото и картинки от копирования

Защитить картинки сайта от копирования можно отключив возможность вызывать контекстное меню при нажатии на правую кнопку мыши. Чтобы убрать вызов этого меню, воспользуемся событием contextmenu, которое срабатывает при клике правой кнопкой мыши по любой части страницы.

$(document).on("contextmenu", "body", function() {
	return false;	
});

Чтобы код отработал, не забудьте подключить библиотеку jQuery.