- Защита от копирования содержимого страницы
- Защита от копирования отдельных элементов страницы
- Защита от копирования всей страницы
- Комментарии
- Как запретить копирование текста с сайта?
- Запрещаем копирование текста средствами JS
- Теперь о том, что имеем итоге
- Как защитить сайт от копирования с помощью JavaScript
- Три обработчика событий и одна функция JavaScript, которые усложнят копирование текста с сайта
- Атрибут событий ondragstart
- Атрибут событий onselectstart
- Атрибут событий oncontextmenu
- Функция noselect()
- Куда вставить код на JavaScript с запретом на копирование с сайта?
- Как обойти JavaScript и всё-таки скопировать текст с сайта?
- Выводы
- Как запретить копирование текста на JavaScript?
- Защита текста на сайте от копирования
Защита от копирования содержимого страницы
Защитить от выделения и копирования текста страницы можно с помощью следующего кода:
document.ondragstart = test; //запрет на перетаскивание document.onselectstart = test; //запрет на выделение элементов страницы document.oncontextmenu = test; //запрет на выведение контекстного меню function test() Такая защита НЕ спасет от:
- выделения всей страницы с помощью комбинации клавиш Ctrl + A,
- просмотра исходного текста с помощью комбинации клавиш Ctrl + U,
- сохранения всей страницы на диск с помощью комбинации клавиш Ctrl + S.
Дочитайте до конца и узнаете, почему на данной странице ни одна из этих комбинаций не работает.
Защита от копирования отдельных элементов страницы
Если необходимо защитить исключительно картинки, то можно обойтись следующим кодом:
Если нужно защитить от выделения отдельный блок, то воспользуйтесь таким кодом:
Защита от копирования всей страницы
Текст и картинка на данной странице защищены от выделения и копирования. Проверьте!
Конечно, не секрет, что и такую защиту можно обойти через просмотр исходного кода защищенной страницы средствами браузера.
Исходный код этого примера:
Таким образом, вы запретите выделение во всем документе, кроме элементов INPUT и TEXTAREA.
Комментарии
Выделении текста двойным кликом:
- Google Chrome и FireFox выделяют слово, и можно успеть нажать Ctrl+C.
- Opera и Microsoft Edge не дают запретить поведение по умолчанию. Они выделяет слово и вызывают контекстное меню.
Само собой, решение не идеальное и требует JavaScript (с другой стороны, подобная защита нужна в веб-приложениях, которые и так используют JS). И это лучше, чем ничего, и довольно кроссбраузерно (конечно, может потребоваться дополнительный код для некоторых браузеров и их версий).
Как запретить копирование текста с сайта?
Подобный вопрос приходится слышать часто. Действительно, допустим Вы написали какую-то статью или другой развёрнутый материал — почему после этого Вы должны становиться жертвой воровства? Или Ваш же материал появляется на другом сайте, а робот, проиндексировав его первым, считает, что оригинальный текст именно там? Давайте попробуем разобраться с тем, как с этим бороться.
Запрещаем копирование текста средствами JS
1. Пожалуй, это самый распространённый способ, которым можно отпугнуть новичков. Для этого в тег дописываем значение для атрибута oncopy.
Если хотите прописать данное свойство для конкретного отрезка текста, то поместите его в div и допишите то же значение атрибута. В статье рассмотрен пример со всем документом.
Код HTML и JS
Теперь выделенный материал не будет копироваться! Но выдыхаем, так как работает не везде (однако уже отсекает большую аудиторию плагиатчиков), поэтому в случае с InternetExplorer и Opera надо будет искать другой выход из ситуации.
2. Следующий способ будет действовать ещё и с Opera. Смысл будет заключаться в том, что выделить текст теперь будет нельзя, однако клики и команды будут продолжать работать. Также работаем с .
Код HTML и JS
Есть одно но — некоторые посетители сайтов любят выделять читаемый текст, многим отсутствие подобной возможности будет не по душе.
3. Способ, описанный ниже чем-то похож на предыдущий. Только тут вы сможете запретить и выделять, и копировать текст.
4. Ещё одна версия защиты от копирования. Это функция. Если хотите её зпустить, то привяжите к какому-либо потенциально копируемому объекту:
5. В конце я бы предложил вообще запретить использование правой кнопки мыши:
От неопытного пользователя Вы теперь точно защищены!
Теперь о том, что имеем итоге
Всё, теперь можно было бы успокоиться и спокойно вдохнуть! Однако не всё так просто. Совесть была не чиста, если бы я не написал Вам о минусах этих методов, нет-нет, не функциональных.
1. Упомянутыми выше скриптами мы боремся с воришками, но все же не надо забывать и о порядочных людях, которые скопировав контент, действительно поставят индексируемую ссылку на Ваш сайт!
2. Вторым очень важным минусом является проблема при продвижении. Точно не опишу механизмы работы фильтров, но если у Вас весь сайт ушпигован подобными скрывающими/запрещающими скриптами, то и поисковая система отнесётся к Вам не дружелюбно. Не хотите делиться контентом — не надо. Поэтому применяйте скрипты только в случае закрытых от индексации страниц или в крайних случаях!
3. Пользователь пришёл к Вам за материалом, а сайт им не делится. Зачем тогда это всё? Вы просто отпугнёте посетителя, который пришёл вопросом. Да и если человек знает хотя бы основы HTML и JS, то это ему вряд ли помешает. 100% защиты от опытного пользователя нет и не будет — это интернет. Затем всё и выкладывается.
Моё мнение — стоит защищать от копирования только персональные данные: телефоны, email и так далее. Поэтому делать это стоит только при необходимости!
Как защитить сайт от копирования с помощью JavaScript
Воровать не хорошо. Красть чужой контент в том числе. Все про это знают, но продолжают перепечатывать друг у друга контент сайтов. Никуда от этого не деться — найти хорошего писателя с профессиональным уклоном не только дорого, но и практически не возможно. Поэтому некоторые владельцы сайтов пытаются защитить собственные сайты с шедеврами современной литературы от копирования. Лично я до сих пор считаю, что это всё суета, но в этой статье покажу, как защитить сайт от копирования с помощью нескольких на языке JavaScript, которые не спасут от профессионального пользователя интернета, но уберегут от тех, кто является обычными пользователями. Применив описанный способ вкупе с css-решением, описанным в → этой статье, можно будет спать чуть спокойнее (но не намного).
Три обработчика событий и одна функция JavaScript, которые усложнят копирование текста с сайта
Итак, для того, чтобы было сложнее работать с вашим сайтом (в том числе и копировать с него текст) можно воспользоваться следующим простым кодом, который можно вставить в любое место на странице.
document.ondragstart = noselect; document.onselectstart = noselect; document.oncontextmenu = noselect; function noselect()
Атрибут событий ondragstart
Если задать атрибут событий document.ondragstart = noselect , это позволит запретить перетаскивать элементы на странице сайта.
Атрибут событий onselectstart
Если задать атрибут событий document.onselectstart = noselect , это позволит запретить выделять элементы на странице сайта.
Атрибут событий oncontextmenu
Если задать атрибут событий document.oncontextmenu = noselect , это позволит запретить выводить контекстное меню, которое обычно помогает в работе вебмастера, вылетая при клике правой кнопкой мышки, на странице сайта.
Функция noselect()
При возврате функцией noselect() значения false , включится дополнительное условие, которое будет препятствовать выделению текста на странице сайта.
Куда вставить код на JavaScript с запретом на копирование с сайта?
Лично меня это никогда не останавливало, но посоветую разбросать эти 4 строчки в разные места HTML-документа. По своему опыту скажу, что это затруднит копирование текста с вашего сайта, которое займёт на пару минут больше времени и вызовет раздражение у того, кто будет заниматься копированием. И только.
Как обойти JavaScript и всё-таки скопировать текст с сайта?
Особенно упёртых вебмастеров, которые умудряются понатыкать функций, нарушающих логику полноценной работы браузера можно легко обойти, сохранив страницу целиком, а потом открыв её в MS Word. Там уже такая защита от копирования с помощью JavaScript не поможет. Мне всегда было ради какого-то упёртого вебмастера лезть и отключать JavaScript на сайте (хотя это ещё один из вариантов того, как обойти защиту от копирования сайта).
Выводы
Вместо усложнения жизни себе и другим техническими примочками, более творческим подходом будет регулярное наполнение своих сайтов новым свежим и оригинальным контентом, тогда конкуренты либо просто умрут от зависти, либо от голода, так как все пользователи рано или поздно выявят, где и кто производит интересный им контент и будут кучковаться исключительно на вашем сайте.
Заберите ссылку на статью к себе, чтобы потом легко её найти!
Раз уж досюда дочитали, то может может есть желание рассказать об этом месте своим друзьям, знакомым и просто мимо проходящим?
Не надо себя сдерживать! 😉
Как запретить копирование текста на JavaScript?
При продвижении сайта достаточно важным показателем является уникальность контента и бывает очень обидно если Ваш труд, на который потрачено много времени, кто-то просто скопирует себе на сайт. Плюс, если рейтинг сайта, на который скопировали ваш текст, больше — то текст поисковая система может засчитать чужому сайту, или ваш текст потеряет рейтинг оптимизации и не будет учтываться поисковой системой. В таком случае нужно постоянно проводить информационную поддержку и периодически обновлять контент. Появляется вопрос а можно ли защитить свой текст на сайте от копирования?
Защита текста на сайте от копирования
Самой простой пример запрета на перетаскивание, на выделение контента, на появление контекстного меню с помощью обычного JavaScript
Можно также вешать событие на запрет чего либо на тег
Или событие на начало выделения и обычный клик мыши
2-й пример запрета выделения текста через CSS, запрещаем в классе .noselect
Пример когда при копировании текста добавляется к нему адрес текущий страницы
Пример блокировки копирования текста через пользовательскую JS функцию disableSelection
Если возникает необходимость, когда пользователь заполняет форма м в ней нужно позволить скопироваь номеров телефона или почту. То для этого следует добавить в JavaScript исключения на запрет копирования контента.
Конечно при большом желании методы защиты контента через JavaScript можно обойти, так как они выполняются в браузере на уровне клиента, но все же вероятность копирования текста неопытным пользователем существенно снижается.
