Скрипт для автоматического указания источника при копировании информации со страницы сайта

На чтение 3 мин Просмотров 102 Опубликовано 30.07.2023 Обновлено 15.02.2024

Содержание статьи

Введение

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

Пишем скрипт

<script>
  document.addEventListener('copy', function(event) {
    var selectedText = window.getSelection().toString();
    var pageUrl = window.location.href;
    var citation = '\n\nИнформация скопирована с сайта: ' + pageUrl;
    var copiedText = selectedText + citation;

    if (event.clipboardData) {
      event.clipboardData.setData('text/plain', copiedText);
    } else if (window.clipboardData) {
      window.clipboardData.setData('Text', copiedText);
    }
  });
</script>

Объяснение скрипта

Мы используем событие copy, которое срабатывает, когда пользователь выполняет операцию копирования на вашем сайте.
window.getSelection().toString() — Этот код получает выделенный пользователем текст на странице.
window.location.href — Получаем текущий URL страницы, чтобы знать, откуда была скопирована информация.
'\n\nИнформация скопирована с сайта: ' + pageUrl — Здесь мы создаем строку citation, которая содержит текст с указанием источника (URL страницы).
var copiedText = selectedText + citation; — Объединяем выделенный текст с информацией об источнике.
Затем мы проверяем, какой браузер используется для копирования. Если браузер поддерживает event.clipboardData, мы устанавливаем скопированный текст с указанием источника в буфер обмена. В противном случае, если используется устаревший window.clipboardData, мы также устанавливаем текст в буфер обмена.

Куда вставить этот код

Код можно разместить в любом месте на страницах вашего сайта, но лучше всего разместить его перед закрывающим тегом </body>. Это обеспечит загрузку скрипта после того, как загрузится весь контент страницы и улучшит общую производительность.

Вот пример, как может выглядеть размещение скрипта в HTML-разметке:

<!DOCTYPE html>
<html>
<head>
  <!-- Мета-теги, заголовки и другие элементы head -->
</head>
<body>
  <!-- Контент вашего сайта -->
  
  <script>
    // Ваш скрипт сюда
  </script>
</body>
</html>

С добавлением этого скрипта на ваш сайт, вы поможете сохранить авторские права и дать должное труду авторов контента, что способствует более справедливой и уважительной культуре использования информации в Интернете.