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

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

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

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

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

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

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

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

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

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

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

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

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

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

<script src="<a href="https://aliprofi.ru/wp-content/themes/aliprofi/js/clipboard.min.js" target="_blank" rel="noopener" data-schema-attribute="">https://aliprofi.ru/wp-content/themes/aliprofi/js/clipboard.min.js</a>"></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>

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>

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

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

Так же тут я создал телеграм канал с промокодами Алиэкспресс, кому интересно — ПОДПИСЫВАЙТЕСЬ!

Добавить комментарий

prostolinux автор 22.01.2021

Что-то туго идет статья про промокоды, может фильтр какой на ней, может нужно полностью переписать, даже не знаю, подождем еще немного.
prostolinux автор 22.01.2021

Что-то туго идет статья про промокоды, может фильтр какой на ней, может нужно полностью переписать, даже не знаю, подождем еще немного.
prostolinux автор 11.10.2021

Решил вопрос с воровством статей другим способом, так что эти все хитрости пока не использую, но было интересно поковыряться…
prostolinux автор 11.10.2021

Решил вопрос с воровством статей другим способом, так что эти все хитрости пока не использую, но было интересно поковыряться…

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

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

Нравится Linux? А такая футболка есть?