{"id":345,"date":"2020-12-20T19:09:53","date_gmt":"2020-12-20T15:09:53","guid":{"rendered":"https:\/\/yellowweb.top\/?p=345"},"modified":"2026-05-05T20:40:05","modified_gmt":"2026-05-05T16:40:05","slug":"kak-zamenit-komandu-verstalshhikov-odnim-skriptom-gotovyj-nabor-dlya-povysheniya-konversii-prelendingov","status":"publish","type":"post","link":"https:\/\/yellowweb.top\/en\/kak-zamenit-komandu-verstalshhikov-odnim-skriptom-gotovyj-nabor-dlya-povysheniya-konversii-prelendingov\/","title":{"rendered":"Replace a Front-End Team with One Script"},"content":{"rendered":"

Hello, everyone. Yellow Web<\/strong> and today we're going to take a look at powerful script for your pads - Drewlex<\/strong><\/a>.\u0421\u043e\u0437\u0434\u0430\u0442\u0435\u043b\u044c \u0441\u0435\u0433\u043e \u0447\u0443\u0434\u0430 \u043d\u0435\u0438\u0437\u0432\u0435\u0441\u0442\u0435\u043d, \u0441\u043a\u0440\u0438\u043f\u0442 \u0431\u044b\u043b \u043e\u0431\u043d\u0430\u0440\u0443\u0436\u0435\u043d \u043c\u043d\u043e\u0439 \u0432 \u0441\u043f\u0430\u044f\u0445, \u0430 \u043f\u043e\u0442\u043e\u043c \u044f \u0443\u0432\u0438\u0434\u0435\u043b \u0435\u0433\u043e \u0432 \u043f\u0440\u043e\u043a\u043b\u0430\u0445 \u043e\u0434\u043d\u043e\u0439 \u0438\u0437 \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u044b\u0445 \u041f\u041f, \u0434\u043e\u043f\u0443\u0441\u043a\u0430\u044e, \u0447\u0442\u043e \u043e\u043d \u0441\u043e\u0437\u0434\u0430\u043d \u043a\u0435\u043c-\u0442\u043e \u0438\u0437 \u043e\u0442\u0434\u0435\u043b\u0430 \u0432\u0451\u0440\u0441\u0442\u043a\u0438 \u044d\u0442\u043e\u0439 \u041f\u041f, \u043f\u043e\u0441\u043b\u0435 \u0447\u0435\u0433\u043e \u0440\u0430\u0437\u043e\u0448\u0451\u043b\u0441\u044f \u043f\u043e \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442\u0430\u043c. \u0421\u0430\u043c \u0430\u0432\u0442\u043e\u0440 \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442 \u0441\u0432\u043e\u0451 \u0442\u0432\u043e\u0440\u0435\u043d\u0438\u0435 \u0442\u0430\u043a: <\/p>\n\n\n\n

\"A radically new product that exceeds the performance potential of an entire stack of layout designers.\" <\/p><\/blockquote>\n\n\n\n

Well, let's see if the functionality corresponds to such a loud statement!<\/p>\n\n\n\n

Feature set<\/h2>\n\n\n\n

The script was slightly finalized: I added to it all sorts of features to protect against copying, which, although it was declared, but was not implemented. Well, and basic <\/strong>the set of functions is as follows:<\/p>\n\n\n\n

  1. Blocking: <\/strong>context menu, save page, copy<\/li>
  2. Inserting dynamic dates:
    • minus 10 days from the current day (usually used to indicate the date of the article)<\/li>
    • For today's number<\/li>
    • for comments<\/li>
    • current year<\/li><\/ul><\/li>
    • Facebook-style comments - likes, reposts, etc. buttons.<\/li>
    • Scroll smoothly to the desired part of the page<\/li>
    • Countdown timer<\/li>
    • Slider for pictures<\/li><\/ol>\n\n\n\n

      The script also has a number of advanced <\/strong>capabilities:<\/p>\n\n\n\n

      1. Roulette<\/li>
      2. Automatic comments<\/li>
      3. Pop-up bars to show that someone bought the product<\/li>
      4. Adding an order form<\/li><\/ol>\n\n\n\n

        Connecting<\/h2>\n\n\n\n

        Let's deal with everything in order, starting with connecting the script to your pad:<\/p>\n\n\n\n

        Download the script itself and all additional files from GitHub, copy them to the folder of your pad, open the file index.html<\/code> spacers and in it add somewhere in the tag <head><\/code><\/p>\n\n\n\n

        <script src='drewlex.js'><\/script><\/code><\/em><\/p>\n\n\n\n

        Next, let's walk through the setup basic<\/strong> functions (you can take a peek: in the file example.php<\/code> there is a ready-made setup example).<\/p>\n\n\n\n

        Enabling copy protection<\/h3>\n\n\n\n

        To enable protection inside a tag <head><\/code> writing:

        <script>var mv_protect='on'<\/script><\/code>

        <\/em>After that the user will not be able to call the context menu, the key combination will be disabled Ctrl+S<\/em> to save the page and you will lose the ability to highlight text.<\/p>\n\n\n\n

        Adding dynamic dates<\/h3>\n\n\n\n

        It's easy with dates - add the item to your proclu in the right place div <\/em>or span<\/em> and specify an appropriate class for them:<\/p>\n\n\n\n

        1. <div class="mv_mdate"><\/div><\/code><\/em> - for -10 days from the current date<\/li>
        2. <div class="mv_tdate"><\/div><\/code><\/em> - for the current date<\/li>
        3. mv_rtdate<\/code><\/em> - for the date of comments. The trick is that if there is more than one comment, then each subsequent comment will have a larger date than the previous one:
          <\/li>
        4. <div class="mv_tyear"><\/div><\/code><\/em> - for the current year<\/li><\/ol>\n\n\n\n

          Facebook-style comments<\/h3>\n\n\n\n

          To add a fb-style comment block, create a <div class="”comments”"><\/div><\/code><\/em>
          Inside it, add the necessary comments in the following form:


          <\/div>

          User name<\/span>
          <\/div>

          Like<\/span>
          Repost<\/span>
          0<\/span>
          <\/span>
          <\/div>
          <\/div><\/code>
          <\/em>
          It will look like the previous screenshot above.
          At the bottom of the comment block, you can add a form for the user to add a comment, and it will be added! It goes like this:<\/p>\n\n\n\n

          .
          <\/div>
          Comment: