Браузеры
Домены
Клоакинг
Креативы
Ленды-Проклы
Перевод
Aff. Networks
Скрипты
Советы-Полезности
Софт
Трекеры
Facebook
Финансы
Hello everyone, here you goYellow Weband today we will sort it out with youpowerful script for your gaskets –Drewlex.The creator of this miracle is unknown, the script was discovered by me insoldered, and then I saw it in the proclamations of one of the famous affiliate network, I admit that it was created by someone from the layout department of this affiliate network, after which it went viral on the Internet. The author himself describes his creation as follows:
“A radically new product, the performance exceeds the potential of an entire stack of layout designers.”
Well, let’s see how the functionality matches such a loud statement!
Feature Set
The script was slightly updated: I added to it all sorts of copy protection capabilities, which, although they were announced, were not implemented. Wellbasethe set of functions is as follows:
- Blocking:context menu, save page, copy
- Inserting dynamic dates:
- minus 10 days from the current one (usually used to indicate the date of the article)
- for today’s date
- for comments
- current year
- Facebook style comments — like, repost buttons, etc.
- Smooth scrolling to the desired part of the page
- Countdown timer
- Slider for pictures
The script also has a seriesadvancedpossibilities:
- Roulette
- Automatic comments
- Pop-up bars to show that someone has purchased a product
- Adding an order form
Connection
Let’s deal with everything in order, let’s start by connecting the script to your gasket:
Download the script itself and all additional files from GitHub, copy it to the folder for your installation, open the fileindex.htmlgaskets and add them somewhere in the tag<head>
<script src='drewlex.js'></script>
Next, let’s go through the setup.basicfunctions (you can look: in the fileexample.phpthere is a ready-made configuration example).
Enable copy protection
To enable protection inside a tag<head>we write:
<script>var mv_protect='on'</script>
After this, the user will not be able to call the context menu, the key combination will be disabledCtrl+Sto save the page and you will lose the ability to select text.
Adding dynamic dates
With dates, everything is simple — add an element to your profile in the right placediv orspanand point them to the corresponding class:
<div class="mv_mdate"></div>— for -10 days from the current date<div class="mv_tdate"></div>— for the current datemv_rtdate– for the date comments. The trick is that if there are several comments, then each subsequent date will be greater than the previous one:
<div class="mv_tyear"></div>— for the current year
Facebook style comments
To add a block comments in Facebook style, create<div class=”comments”></div>
Inside it we add the necessary comments in the following form:
<div class="comments-item">
<div class="comment-avatar"><img src="User_path.jpg" width="32" height="32"></div>
<div class="comment-text">
<span class="comment-username">Username</span>
</div>
<div class="comment-action">
<span class="like">Like</span>
<span class="reply">Repost</span>
<span class="like-count">0</span>
<span class="comment-date mv_rtdate"></span>
</div>
</div>
It will look like the previous screenshot above.
At the bottom of the comments block you can add a form so that the user can add a comment, and it will be added! It’s done like this:
<div>
<div class="input-action"></div>
Comment:<textarea class="textarea"></textarea> <br>
Name:<input lass="comment-name-input"/>
<button class="send-btn">Send</button>
</div>
This form looks like this:
Smooth scrolling
With smooth scrolling, everything is very simple: we add the .scrollto class and href with the ID of the element to which we want to scroll to the link element (i.e. the <a> tag). For example:<a href=”#orderform” class=”scrollto”>Buy</a>
Timer
A countdown timer is a must-have for any website. To add it, just create a div with the mv_timer class.<div class=”mv_timer”></div>
By default, the timer counts the time until the end of the current day.
Slider
A slider is essentially a carousel, i.e. several pictures that you can switch between with a swipe or mouse. Added like this:
Create several tags<div>with tags<img>inside, and then we stuff them all into<div class=”owl-carousel”>For example:<div class=”owl-carousel”>
<div><img src=”1.jpg”/></div>
<div><img src=”2.jpg”/></div>
<div><img src=”3.jpg”/></div>
</div>
We have dealt with the basic things, we are gradually approaching the most delicious, namely the advanced functions of the script, which the author lovingly called the word “Tricks”: autocomments, pop-ups, roulette, working with the form. Let’s go!
Advanced Features
To enable «tricks» we first write a block in the right place on the page<div class="features-wrapper"></div>
I usually add this block after the main padding text and before the comments block.
Next we need to make settings. In a nutshell about them:
The settings block consists of 3 main (mandatory) parameters and 5 additional modules.
The main ones are responsible for the language, product and gender of the audience (for example, EROGAN is male, BELLINDA is female, and FITOSPRAY is all) all 3 must be indicated!
Additional modules are responsible for installing on the page a form, autocomments, pop-ups and roulette in any combination: a form is just a form, a roulette is just a roulette, a form + a roulette = a form appears after the roulette is rotated. Modules contain a set of unique settings that allow you to more accurately fit the feature to the page. Unnecessary modules can be removed from the settings so that they do not take up space.
Drum roll! Settings block (insert anywhere on the page):
<script>
initFeatures({
lang : 'ru', //list of available languages - vn,it,es,co,hr,en,de,fr,ph,cz,id,th,gr,bg,al,ro,sg,en_sg,mk,si,sk,lv,hu,pl,lt,pt
product : 'SPICE', //product name
genderTargeting : 'all', //gender of the target audience - all, male, female
form : {
isNeeded : 1, // 1-enable the form, 0-disable
img: 'https://www.webrotate360.com/campaigns/360-product-view.gif', // path to the product image
price : true, // price tag
priceBrFix : true, // fixes the display of prices in the price tag (true - removes line breaks)
showSelect : false, // show or hide the select field
untilExpire: 600 // timer for the end of the promotion where 600 = 10 minutes. Set it to 0 if the timer is not needed.
},
autoComments : {
isNeeded : 1, // 1-enable auto-comments, 0-disable
bgColor : '#d7f2d8' // block background color comments
},
popups : {
isNeeded : 1, // 1-enable pops, 0-disable
bgColor: 'rgba(87, 86, 141, 0.8)', // message background color
textColor : '#fff', // color of the main message text
emmphColor : 'cyan', // color of highlights in messages (for example, 'with XX% discount', '' )
blackIcons : false // black or white icons, true or false values
},
wheel : {
isNeeded : 1, // 1-turn on the wheel, 0-turn off
customWheel : false // link to your wheel, or false
}
});
</script>
In general, from comments in the code it is clear what is responsible for what, but how can all this be applied? Easy. We specified the language, product name and gender of the audience and turned on, say, autocomments. And from time to time a new comment begins to appear on our page (froma large database pre-built into the script!) in the right language (!) from people of the right gender!
It’s the same with pop-ups.
And for dessert – roulette. After the roulette has spun and we have “won” something, it is possible to show a picture of the product (it needs to be put in the img folder and called product.png) along with the order form + under the picture, if necessary, there will also be a timer:
If you need to insert additional fields into this form (for example, subs), look at how this is done in example.php — variableformApiCode.
I don’t know about you, but I’m really impressed by the script’s capabilities, I give the author 10 out of 10 layout designers. Let’s connect ourselves, figure out the possibilities, increase conversion!
Thank you for reading, well, I was with youYellow Web, pour into the plus, gentlemen!
У этого скрипта есть один, достаточно существенный минус который я заметил, т.к. форма тут грузится через js из скрипта в кейтаро не подвяжутся к форме все их макросы с допполями, в т.ч. передача subid
не совсем так, всё возможно на самом деле! глянь файл example.php, я там привёл пример с передачей сабов.
Возможно конечно что так и будет работать, попробовать не могу к сожалению, я в свое время пробовал скриптом эти допполя дописывать в уже подгруженную форму и там макрос не менялся на значение по какой то причине.
Ну а так да, я тоже давно данный скрипт заприметил и почистил под себя, очень удобен
Получается, что каждый раз что бы макрос sub1={subid1} кейтаровский отрабатывал, надо каждый раз сайт писать свой formApi:{
isNeeded: 1,
landingValue: ‘cz1.predstavitnd.com’
В этом параметре
landingValue: ‘cz2.predstavitnd.com’
landingValue: ‘cz3.predstavitnd.com’ и тд.
Если так то это же неудобно каждый раз вписывать это значение.
То есть нельзя сделать и привести к общему виду, что бы каждый раз не вводить новый домен?
Никто не мешает тебе засунуть туда вместо зашитого значения просто текущий домен js-кой)
Уведомление: Повышаем CR лендинга!
Ваш сайт выдает ошибку со страницы 9 и далее.
https://yellowweb.top/page/9/
ничего страшного, это мелочи, поправлю…
Не работает защита от скачивания и копирования текста на сайте.
Скопировал все файлы в скаченом архиве и закинул себе в папку с лендом, там же index от проклы, правильно?
или нужно целиком папку Drewlex.JS-main закинуть в корень проклы ?