Недавно передо мной встала задача: вставить промокоды Алиэкспресс в статью. Казалось бы, что сложного? Скопируй промокод и всё…
Но сложность в том, что у меня на сайте стоит плагин Clearfy (очень рекомендую всем) и в нем настроено так, что человек не может просто так скопировать текст.
Такая жесткая мера нужна для того, чтобы отсеять любителей копировать у тебя статьи и вставлять себе в недоблог или недосайт, а еще хуже на свою страничку в соц сети. Помогает не всегда, но все же.
И вот получается, что если я просто буду размещать промокоды с Алиэкспресс в статье, то никто их не сможет скопировать. Человек переплюётся, проклянет мой сайт и закроет его, может быть, навсегда. А это для сайте не очень хорошо, даже очень плохо. Что же делать?
Как вставлять промокоды Алиэкспресс в статью закрытую от копирования?
Выход один: делать кнопку КОПИРОВАТЬ, нажав на которую человек скопирует промокод в буфер обмена. Как это реализовать проще всего?
После часового копания в сети и разных экспериментов, нашел оптимальный код. Выглядит он так.
1 |
<input type="text" value="11ALIBACKIT11"> <button class="btn" data-clipboard-text="11ALIBACKIT11">Скопировать</button> |
Это нужно вставить в статью. В двух местах нужно вписать свой текст, который нужно будет скопировать.
В моем случае это промокод с Алиэкспресс 11ALIBACKIT11. Этот код в статью я вставляю через ШОРТКОД, используя плагин ADROTATE (но можно использовать и любой аналогичный)
Так же нужно на сайте разместить скрипты, которые будут всем этим делом управлять. Если вы будете использовать все это на многих страницах сайта, то можно скрипты разместить в подвале. (footer.php)
Но так как я использую это только в одной статье, то я упаковал их в ШОРТКОД и просто добавил в статью. Вот скрипты:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<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> |
После всех этих действий у меня получилось создать вот такое, на странице с купонами Алиэкспресс:
Все просто и органично. Если вам нужны стили и другие нюансы, как я это все делал и оформлял, то спрашивайте в комментариях, отвечаю всегда и всем…
Так же тут я создал телеграм канал с промокодами Алиэкспресс, кому интересно — ПОДПИСЫВАЙТЕСЬ!
Что-то туго идет статья про промокоды, может фильтр какой на ней, может нужно полностью переписать, даже не знаю, подождем еще немного.
Что-то туго идет статья про промокоды, может фильтр какой на ней, может нужно полностью переписать, даже не знаю, подождем еще немного.
Решил вопрос с воровством статей другим способом, так что эти все хитрости пока не использую, но было интересно поковыряться…
Решил вопрос с воровством статей другим способом, так что эти все хитрости пока не использую, но было интересно поковыряться…