Как вставить промокоды Алиэкспресс в статью?


Недавно передо мной встала задача: вставить промокоды Алиэкспресс в статью. Казалось бы, что сложного? Скопируй промокод и всё...

Но сложность в том, что у меня на сайте стоит плагин Clearfy (очень рекомендую всем) и в нем настроено так, что человек не может просто так скопировать текст.

Clearfy Settings ‹ Алиэкспресс для профессионалов — WordPress

Такая жесткая мера нужна для того, чтобы отсеять любителей копировать у тебя статьи и вставлять себе в недоблог или недосайт, а еще хуже на свою страничку в соц сети. Помогает не всегда, но все же.

И вот получается, что если я просто буду размещать промокоды с Алиэкспресс в статье, то никто их не сможет скопировать. Человек переплюётся, проклянет мой сайт и закроет его, может быть, навсегда. А это для сайте не очень хорошо, даже очень плохо. Что же делать?

Как вставлять промокоды Алиэкспресс в статью закрытую от копирования?

Выход один: делать кнопку КОПИРОВАТЬ, нажав на которую человек скопирует промокод в буфер обмена. Как это реализовать проще всего?

После часового копания в сети и разных экспериментов, нашел оптимальный код. Выглядит он так.

<input type="text" value="11ALIBACKIT11"> <button class="btn" data-clipboard-text="11ALIBACKIT11">Скопировать</button>

Это нужно вставить в статью. В двух местах нужно вписать свой текст, который нужно будет скопировать.

В моем случае это промокод с Алиэкспресс 11ALIBACKIT11. Этот код в статью я вставляю через ШОРТКОД, используя плагин ADROTATE (но можно использовать и любой аналогичный)

Так же нужно на сайте разместить скрипты, которые будут всем этим делом управлять. Если вы будете использовать все это на многих страницах сайта, то можно скрипты разместить в подвале. (footer.php)

Но так как я использую это только в одной статье, то я упаковал их в ШОРТКОД и просто добавил в статью. Вот скрипты:

<script src="https://aliprofi.ru/wp-content/themes/aliprofi/js/clipboard.min.js"></script>

<script>
var clipboard = new ClipboardJS('.btn');

clipboard.on('success', function(e) {
console.info('Action:', e.action);
console.info('Text:', e.text);
console.info('Trigger:', e.trigger);

e.clearSelection();
});

clipboard.on('error', function(e) {
console.error('Action:', e.action);
console.error('Trigger:', e.trigger);
});
</script>

После всех этих действий у меня получилось создать вот такое, на странице с купонами Алиэкспресс:

Купоны и ПРОМОКОДЫ Алиэкспресс на декабрь 2021 от продавцов...

Все просто и органично. Если вам нужны стили и другие нюансы, как я это все делал и оформлял, то спрашивайте в комментариях, отвечаю всегда и всем...

Ответьте на комментарий
Как изменить стили в текстовом редакторе Вордпресс?
Редактировать запись ‹ Просто Линукс — WordPress

Когда у меня был старенький ноутбук с диагональю экрана 13 дюймов и разрешение 1366х1080, то писать в текстовом редакторе Wordpress читать дальше...

Открытие и ведение ресторанного бизнеса в Сети
Титанический труд под красивой картинкой

Кто не любит вкусно поесть? Странный вопрос. Тематика еды и общественного питания интересна современному человеку. Особое внимание привлекают к себе читать дальше...

Где заказать статью? Какую биржу статей выбрать?
лучшие биржи копирайтинга

Создать сайт сегодня не проблема, проблема - наполнить его интересными и полезными статьями. Где их взять? Можно писать самому, но читать дальше...

Как создать интернет магазин на wordpress?
tema dlya internet magazina

Уже почти пять лет я пишу статьи на свои сайты на очень разные темы, и мне это нравится. Но жизнь читать дальше...