Возможность ограниченная временем

Это наша жизнь

Как программно защитить картинки и текст вебстраницы от копирования

октября 26, 2014

Самым простым и общепринятым является пометить контент значком copy right ©, написать кому права принадлежат и поставить дату. Тоже самое сделать с картинками, пометив их тем же копи райтом, но в виде водяных знаков.

Кстати свой шедевр “Черный круг” я помечал онлайн с помощью http://www.umarkonline.com.
Если вы заметили, что кто-то украл ваш контент или картинку, начинайте судится с обидчиком, представляйте себя в суде сами или нанимайте адвокатов. Дело, конечно, муторное и медленное, но не совсем безнадежное, некоторые с этого живут, защищая свою или чужую интеллектуальную собственность, выигрывают процессы и прикладывают ответчиков на большие деньги.

Но речь тут не о том, как представлять себя в судах, а как запретить операции копирования своего сайта с помощью программных уловок. Один из моих знакомых блогеров, который делает блог “сверху”, т. е. имеет идею, но не слишком пока компетентен в технической части, решил запретить на своих станицах копирование текста и сохранение картинок, по примеру какого-то сайта, который он нашел в сети. Короче, кликая на картинку или текст правой кнопкой мыши меню не открывается.

В принципе я догадывался как это сделать, но догадка это не реализация, захотелось сделать такое самому – ну вот и воплощение: внизу 2 картинки с текстом под ними, для левой картинки клики мыши заблокированиы, а для правой все как обычно.


Черный круг
 
Красный круг

Как это работает: все действия мыши для левой картинки и подписи под ней перехватываются и блокируются. Картинка и текст “Черный квадрат” обрамлены тэгом div:

<div ondragstart="return false;" onselectstart="return false;" oncontextmenu="return
false;" oncopy="return false;"><br>
<img src="http://free.exodus.su/blackcircle.png" /><br />Черный круг</div>

Обратите внимание на атрибуты:
ondragstart="return false;" onselectstart="return false;" oncontextmenu="return
false;" oncopy="return false;"

они и выполняют блокировку действий мыши в области тэга div.

Если вы хотите защитить всю статью wordpress’а от действий мыши, поместите обрамление тэгом div с данными атрибутами вокруг всей статьи, ну а если всю страницу поместите атрибуты в тэг body (только надо найти его место нахождение).
Вообще-то все выше сказанное применимо не только к wordpress’у, но и к HTML вообще.

Данный пример тестировался на различных браузерах: Internet Explorer, Firefox, Google Chrome и Safiri. Как это будет работать на Opera или Yandex Browser не знаю. Сам я такой защитой пользоваться не буду, и возможно, в какой-то своей следующей статье напишу, как подобные примочки можно обойти.

Кстати о картинках в данной статье. В 1915 году ходожник Казимир Малевич написал два картины: “Чёрный квадрат” и “Красный квадрат”, одна находится в Третьяковке, другая в Русском музее. Считаю мои шедевры “Чёрный круг” и “Красный круг” ничем не уступающими холстам Малевича. Стартовая цена “Чёрного круга” (файл без водяных знаков) всего $US20, “Красный круг” прилагается бесплатно.

Коментарии

1 комментарий

RSS
  • Елена says on: 27 февраля 2015 на 19:28

     

    Да ерунда вся эта ваша блокировка. Вставила ваш код в своем блоге и копируется без проблем. Я уже не говорю про исходный код, в котором видны все нужные урлы и текст. Не жадничайте, пусть копируют.

Ваш адрес не будет опубликован. Обязательные поля помечены *

*