Как в статье WordPress сделать, чтобы при попытке скопировать слово открывалась новая вкладка?
У меня сайт с купонами и промокодами на Wordpress. Я пишу статьи с подборками промокодов и мне нужно сделать так, чтобы при попытке скопировать промокод, также в новой вкладке открывалась страница партнерки. Пытался гуглить, но кроме как просто заставить кликабельное слово в тексте открываться в новой вкладке, нечего не нашел.
Дополнительно:
Добрый день. Вам на этом удается заработать?
Вешать обработчик на какой то элемент, который будет открывать новую страницу. Как то так (нажатие ЛКМ):
document.querySelector('#id').addEventListener('mousedown', () => window.open('example.com', '_blank').focus()); |
document.querySelector('#id').addEventListener('mousedown', () => window.open('example.com', '_blank').focus());
Ну и хорошо бы отключать данный "спам" хотя бы после первого срабатывания:
function spam() { window.open('example.com', '_blank').focus(); element.removeEventListener('mousedown', spam); } const element = document.querySelector('#id'); element.addEventListener('mousedown', spam); |
function spam() { window.open('example.com', '_blank').focus(); element.removeEventListener('mousedown', spam); } const element = document.querySelector('#id'); element.addEventListener('mousedown', spam);
- Спасибо! Буду пробовать. И подглядывать сюда, кто какие идеи еще подкинет))))))
- Avann, если ответ помог - жмите соответствующие кнопки под ответом
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для того чтобы сделать так, чтобы при попытке скопировать слово из статьи на WordPress открывалась новая вкладка, можно использовать следующий код:
jQuery(document).ready(function($) { // Находим все элементы с классом "copyable" $('.copyable').on('copy', function() { // Получаем выделенный текст var selection = window.getSelection(); // Если выделенный текст не пустой if (selection.toString() !== '') { // Открываем новую вкладку с выделенным текстом window.open('https://example.com/?search=' + selection.toString(), '_blank'); } }); });
Этот код использует jQuery для обработки события копирования (copy) на элементах с классом "copyable". Когда пользователь скопирует текст, код получит выделенный текст и откроет новую вкладку с этим текстом в URL-адресе.
Вы можете добавить класс "copyable" к нужным элементам в вашем контенте на WordPress, чтобы сделать их доступными для этой функциональности. Например, вы можете добавить этот класс к заголовкам или ключевым словам, которые вы хотите сделать доступными для быстрого поиска.
Не забудьте подключить jQuery к вашему сайту, если он еще не подключен. Вы можете сделать это, добавив следующий код в файл functions.php вашей темы:
function add_custom_scripts() { wp_enqueue_script('jquery'); } add_action('wp_enqueue_scripts', 'add_custom_scripts');
Теперь при копировании текста из вашей статьи на WordPress, пользователи смогут открывать новые вкладки с этим текстом для быстрого поиска или дополнительной информации.