Как защитить свой сайт от копирования контента.
Как защитить свой сайт от копирования контента
Есть несколько способов, запретить копирование с сайта. Одни вообще драконовские, другие попроще. Что выбрать для своего сайта решать вам.
Я расскажу о некоторых способах, которые проверил лично. Начнем с просмотра видео, а далее будет код и рассказ о том, что куда пихать.
И так, видео…
У кого видео не отображается переходим по ссылке https://youtu.be/AJxzO3racxU
В первом примере я запретил появление контекстного меню. В переводе на русский отключил правый клик мыши на сайте.
Чтобы этого добиться смело пихаем атрибут
oncontextmenu="return false;"
в тег <body …>. Если не понятно, что значит пихаем в Body, внимательно смотрим видео с тридцать седьмой секунды.
Все… Теперь сколь бы вы не тыкали первой кнопкой по тексту или картинке, контекстное меню не появится и вы не сможете выбрать «Копировать». Из минусов, вы так же не сможете выбрать в этом меню «Открыть в новой вкладке» а это очень полезная штука чтобы не уходить со страницы.
Однако, весьма продвинутые пользователи могут по привычке нажать «Ctr+С» и скопируют, а те кому нужно открыть ссылку в новой вкладке зажмут «Ctr» и кликнут по ссылке, тем самым заставят открыться в новой вкладке. По этому усилим защиту и запретим выделять текст.
Запрещаем выделять текст
Чтобы запретить выделять текст на сайте, достаточно в файл heard.php поместить перед закрывающим </head> Код.
<script type="text/javascript"> function disableSelection(target){ if (typeof target.onselectstart!="undefined") target.onselectstart=function(){return false} else if (typeof target.style.MozUserSelect!="undefined") target.style.MozUserSelect="none" else target.onmousedown=function(){return false} target.style.cursor = "default" } </script>
Затем в футер, в файле footer.php перед строчкой: <?php wp_footer (); ?>
<script type="text/javascript"> disableSelection(document.body) </script>
Ну вот теперь как бы мы не пытались выделить ничего не получится, хотя при этом мы можем теперь не запрещать контекстное меню, т.к. скопировать то будет не чего, выделенного текста нет. А вот картинку скопировать можно, правый клик это позволяет.
Так же мы можем плеснуть ложку дёгтя для копипастеров, автоматически приклеивая ко всему скопированному строчку со ссылкой на источник, или подписью «Я какашка!» Для этого так же , достаточно в файл heard.php поместить перед закрывающим </head> Код.
<script type="text/javascript"> function wpguruLink() { var istS = 'Источник:'; // Слово должно находится в кавычках! var copyR = '© e-integrate.ru'; // Слово должно находится в кавычках! var body_element = document.getElementsByTagName('body')[0]; var choose = window.getSelection(); var myLink = document.location.href; var authorLink = "<br /><br />" + istS + ' ' + "<a href='"+myLink+"'>"+myLink+"</a><br />" + copyR; var copytext = choose + authorLink; var addDiv = document.createElement('div'); addDiv.style.position='absolute'; addDiv.style.left='-99999px'; body_element.appendChild(addDiv); addDiv.innerHTML = copytext; choose.selectAllChildren(addDiv); window.setTimeout(function() { body_element.removeChild(addDiv); },0); } document.oncopy = wpguruLink; </script>
Теперь когда текст был скопирован с вашего сайта и вставлен в другое место, в конце текста будет ссылка на ваш сайт и то что вы туда зашили. Не забудьте поменять на свое.
Плагины
Про плагины я уже и не говорю. Это для абсолютных параноиков, и тех, кто не любит или не умеет безбожно портить код. Который был написан умными людьми. Посмотрите видео с 4:20 (четвертая минута, двадцатая секунда) и поймете на сколько это удобно и безопасно.
При использовании плагинов, появляется возможность более тоньше настраивать возможности защиты от копирования. Например запретить копировать текст в только в записях, или при попытке копирования выводить уведомления и даже подключать звуковые файлы.
В видео были использованы плагины Secure Copy Content Protection and Content Locking и WP Content Copy Protection & No Right Click
Надеюсь, теперь у Вас появилось больше ясности, как защитить свой сайт от копирования контента
Открытый курс по созданию сайтов на WordPress https://e-integrate.ru/kurs-po-sozdaniyu-sajtov-na-wordpress-2021/