копирование landing page

Как скопировать лендинг самостоятельно?

30 июня 2017

Доброго времени суток.

Сегодня статья для тех, кто занимается арбитражем трафика. Так как эта тема сейчас очень популярна, и многие хотят заработать деньжат на перепродаже дешевых китайских товаров.

Лендинг пейдж (от англ. landing page – целевая страница) – сайт, который состоит из одной страницы, заточенный под одно действие: получить контакт или продать товар/услугу.

В основном все уделяют внимание рекламме и развиваются именно в этом направлении, но по своему опыту могу сказать что большая часть арбитражников не в состоянии самостоятельно создать посадочную страницу или хотя бы скопировать ее. Конечно сейчас в любом паблике по арбитражу вам скопируют нужный лендинг за три копейки, но почему бы это не делать самостоятельно?

Итак сегодня мы разберем два способа как скопировать лендинг.

1. Копирование лендинга с помощью браузера

Этот вариант подойдет для тех, кто хоть немного хотя бы на уровне школьных уроков информатики изучал html.

Создаем на компьютере папку под наш проект. В папке создаем файл index.html

Найдем в поиске любой продающий лендинг. Я ввел в поиске "колонка jbl" и взял за основу сайт http://gsmbr.ru/

Дальше все очень просто. Пользуясь браузерами Chrome или FireFox открываем исходный код страницы.

копирование landing page

 Из открывшейся страницы копируем весь код в наш файл index.html. 

Дальше будет самое сложное. Нужно скопировать все скрипты, файлы стилей и картинки в нужные каталоги. Смотрим исходный код страницы и между тегами head видим вот такой код:

<html lang="ru-RU">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=1020">

<title>Портативная акустическая система с защитой от брызг и аккумулятором большой емкости - Charger2 +</title>
<meta name="description" content="BL Charger2 - портативная колонка со скидкой и доставкой по СНГ" />
<meta name="keywords" content="BL Charger2, купить колонку BL Charger2, BL Charger2 цена, BL Charger2 отзывы" />
<link rel="shortcut icon" href="favicon.ico" type="image/png">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/fonts.css">
<link rel="stylesheet" type="text/css" href="css/lightbox.css">
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link rel="stylesheet" type="text/css" href="css/lity.css">
<link rel='stylesheet' href='css/lightview.css' type="text/css">
</head>

Здесь идет подключение ко всем нужным файлам стилей и видно что они должны лежать в папке CSS. Создаем папку с таким названием. Идем по порядку, чтобы ничего не пропустить открывать файлы в новой вкладке. 

поиск лендинга для копирования

В открывшейся вкладке нажимаем правой клавишей мыши - сохранить как- сохраняем файл в созданной папке CSS.

Точно так же поступаем со всеми скриптами идем в самый низ исходного кода и находим:

 <script src='js/spinners.min.js'></script>
<script src='js/lightview.js'></script>
<script type="text/javascript" src="js/clear.js"></script>
<script type="text/javascript" src="js/lightbox.min.js"></script>
<script type="text/javascript" src="js/AnchorScroller.js"></script>
<script type="text/javascript" src="js/polyfiller.js"></script>

Видим что все скрипты лежат в одной месте, создаем папку JS и точно так же сохраняем все файлы туда.

Дальше идем по коду и находим все изображения тег IMG

<img src="images/img1.png" class="img1" alt="Портативная акустическая система">

Думаю понятно что с ним делать. Создаем папку images и схраняем все изображения в нее.

После всех проделанных операций у нас должна получиться папка "Наш проект", в ней должно лежать три подпапки css(со скопироваными фалами стилей), js(со скопироваными скриптами), images(с изображениями) и файл index.html. 

Вот и все теперь просто открываем файл index в любом браузере. Как видите ничего сложно и занимает это все не больше 15 минут времени.

2. Копируем landing page с помощью программы WGET

Пробовать будем на этом же самом сайте. Для начала необходимо скачать и установим программу WGET.

Если wget у вас уже имеется тогда следуйте инструкции ниже, если же нет тогда прочтите статью как установить wget на windows  (там вы найдете все необходимые файлы + видео установки ).

Для этого заходим в на любой локальный диск  и создаем папку wget. В нее распаковываем содержимое архива. 

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

скопировать лендинг пейдж

 

 В окне системные переменные находим переменную Path нажимаем кнопку изменить и в значение переменной в самом конце добавляем ";c:\Program Files\wget" (не забывайте про ";" )

На этом установка закончена. Установив WGET один раз в последствии у вас не будет никаких проблем с копированием лендингов и делать вы это будите нажав всего пару кнопочек. 

Для того чтобы скопировать сайт необходимо открыть Командную строку и ввести в ней такую строчку 

wget -r -l 10 -k http://gsmbr.ru

wget копирование лендинга

После этого нажать Enter и всё! Наш лендинг полностью скопирован и лежит в папке C:\Documents and Settings\User\gsmbr.ru

Как вы сами видите после установки WGET копирование занимает буквально одну минуту.

Редактирование формы обратной связи

Для того чтобы заявки уходили на нашу почту, необходимо сделать небольшие поправки. Подключаем форму к нашему php файлу. Для этого скачиваем файл send.php и копируем его в папку с сайтом. Открываем его в блокноте и вписываем в нужное поле наш адрес электронной почты.

Далее открываем исходный код сайт (файл index.html) любым текстовым редактором и ищем такие теги "<form action=""..." и вписываем туда send.php как на скриншоте ниже.

настройка формы обратной связи на лендинге

Будьте внимательней форм на странице может быть несколько и во всех нужно подключить наш файл отправки!

Как убрать белый экран при отправке формы

Далее после того как все заработало, вы увидите что при нажатии кнопки отправить появляется белый экран.

Чтобы сделать автоматическое перенаправление обратно на сайт либо на какую либо страницу благодарности (Например: "Спасибо за заказ!" или "Наш менеджер свяжется с вами в ближайшее время") необходимо в файле send.php в самом конце перед закрывающимся тегом

?>

Вставляем:

header("Location: /"); /* Для возврата на главную */
header("Location: zakaz.html"); /* Для возврата на страницу zakaz.html*/

Для перенаправления на страницу zakaz.html ее необходимо сначала создать и разместить в корне сайта.

Краткий вывод

После того как вы скопировали сайт не забудьте прочитать статью о том как  установить счетчик посещаемости.

Как видите в копировании лендингов ничего сложного нет и переплачивать за это уж точно не стоит. Да и навыки эти никогда не будут лишними. Установив программу из второго способа вы сами сможите предлагать свои услуги по копированию и зарабатывать на этом. Главное тут разобраться с формами отправки и как они работают. Нужна только практика. Попробуйте скопировать пару сайтов самостоятельно и вы больше никогда не обратитесь к специалистам.

Если какой то момент показался вам непонятным напишите в комментариях и я обязательно более подробно его опишу. 

Удачи всем!)

Получилось ли у вас скопировать лендинг?

Всего голосов: 198





Если статья понравилась, то поделитесь ей в социальных сетях:

Понравилась статья? Подпишись и будь в курсе всех новостей!

Нажимая на кнопку, вы даете согласие на обработку своих персональных данных Политика конфиденциальности

Вам также будет интересно:

Комментарии (56)

  1. Денис06 сентября 2017, 12:30#
    ищем такие теги "<form action=""..." и вписываем туда send.php как на скриншоте ниже. Нужно вписывать тот текст который у Вас в скрине? Откуда его можно скопировать?
    1. Александр Кудринский06 сентября 2017, 16:14(Комментарий был изменён)#
      Нужно только изменить атрибут action на

      <form action="send.php">
      остальное оставить все как есть
      1. Сергей13 октября 2017, 23:43#
        такое не на всех сайтах. Редко нахожу. А как поменять например вот такую форму под себя. Вот код страницы сайта view-source:http://land4cpa.ru/lp/free/akvagel/ Не могу понять
        1. Александр Кудринский14 октября 2017, 11:19#
          Там же есть такой код:
          <form action="/order" class="order-form" method="post" id="call_1">
          1. Сергей14 октября 2017, 19:53(Комментарий был изменён)#
            Теперь не могу поставить в нем ссылку возвращение на главную страницу
            1. Александр Кудринский15 октября 2017, 11:33#
              попробуй в самом конце вставить
              header("Location: \")
    2. Idzumi Yui06 сентября 2017, 15:59#
      Здравствуйте, очень понравилась статья, короткая и информативная.
      Я сделал всё точно также, как написано выше.
      /* Сюда впишите свою эл. почту */
      $address = «trickster1251@gmail.com»;
      Я записал свой email, но сообщения на него не приходят, а за место этого, когда в браузере, в каком-нибудь заранее скачанном и отредактированном лэндинге, я нажимаю на кнопку «Оставить заявку» у меня в браузере пытаеться открыть файл send, после чего, как я его открываю, это тот же файл send.php, тоесть ничего не происходит, он просто открывает send.php, форма не отсылается ко мне на почту.
      1. Александр Кудринский06 сентября 2017, 16:13#
        Дополнительный вопрос: вы запускаете сайт и в частности этот файл уже на хостинге или же просто с компьютера из папки?
        1. Idzumi Yui06 сентября 2017, 16:43#
          Просто с папки на ПК.

          1. Александр Кудринский06 сентября 2017, 17:08#
            Тогда все понятно. Дело в том что php файлы обрабатываются только на сервере. Вам нужно закинуть все файлы на хостинг и тогда все отработает если сделали по инструкции
            1. Idzumi Yui06 сентября 2017, 17:39#
              Хорошо, спасибо, а почту я правильно в коде записал? /* Сюда впишите свою эл. почту */
              $address = «trickster1251@gmail.com»;
              и не нужно больше ничего в файле send.php менять? Тоесть, если я закину эту папку на хостинг, тогда мне будут исправно приходить оповещения о заявке?
              1. Александр Кудринский06 сентября 2017, 17:44#
                Да должно все работать исправно, если не получится пишите — поможем)
      2. Idzumi Yui06 сентября 2017, 16:02#
        Немогли бы вы, подробнее расписать и показать скриншоты, что происходит после того, как вы отредактируете send.php и index.html, как будет на это реагировать сайт и как он отправляет заявку вам на эл. почту?

        1. Антон13 сентября 2017, 19:50#
          Сделал все как написано. После отправки открываетс страница типа: сайт не может обработать этот запрос. Пробывал на нескольких доменах, все одинаково, и на почту ничего не приходит
          1. Александр Кудринский14 сентября 2017, 09:40(Комментарий был изменён)#
            напишите мне в вк https://vk.com/id8922697 разберем вашу ситуацию)
          2. Евгений16 сентября 2017, 23:52#
            Александр привет! Подскажи, а если я хочу скопировать с сра партнерок, то как его правильно скачивать не подскажешь, заранее спасибо!
            1. Александр Кудринский18 сентября 2017, 09:11#
              Привет! Да так же с помощью wget. Партнерка предоставляет обычно свой лендинг на товар — вот по этому предоставленному домену и копируй.
            2. Ирек20 сентября 2017, 13:31#
              Здравствуйте, Александр! Скачал при помощи Wget с cpa — партнёрки сайт. Там же, в партнёрке, для тех, у кого свои сайты, они предлагают отдельные iframe — формы заказов. Как эту форму внедрить в скаченный сайт?
              1. Александр Кудринский20 сентября 2017, 16:11#
                Добрый день!
                Я так понимаю форму вы хотите внедрить для того чтобы заказы переходили в эту партнерку? Тога зачем было копировать лендинг для себя, если они итак предоставляют его?
                1. Ирек29 сентября 2017, 05:32#
                  Чтобы отслеживать аналитику в Яндекс Метрике и чтобы можно было на кнопку заказа поставить цель-событие. На партнёрский сайт цель-событие не поставишь.
              2. Татьяна02 октября 2017, 19:08#
                Подскажите, а данный способ подходит для всех лендингов? Что с теми, которые сделаны в конструкторе? В моем случае в тексте файла index.html нет такого тега form action…
                1. Александр Кудринский03 октября 2017, 07:56#
                  Добрый день) Выше в комментариях есть ссылка на мою страницу в ВК — напишите мне там и мы разберем ваш случай
                2. Марк06 ноября 2017, 00:30(Комментарий был изменён)#
                  Отличная статья. Все просто и доступно. Иногда не хватает времени на копии и можно заказать копирование у автора. Рекомендую! Спасибо)
                  1. Евгений06 декабря 2017, 22:31#
                    Здравствуйте. Можете помочь мне с такой проблемой: копировал лендинг через вгет. Суть в чем — в оригинале сайта много форм заказа. Все они ведут к прокрутке сайта на последнюю форму, в которой, собственно и нужно ввести все свои данные. Я скопировал лендинг, залил на хостинг, заменил форму на свою. В итоге, если я заполняю последнюю форму, то данные заказчика идут на мою почту. Здесь все нормально. Но есть одно НО: при нажатии на остальные кнопки вместо прокрутки сайта до последней формы начинается загрузка какой-то другой страницы. И появляется ошибка — страница не найдена. Как это можно исправить? Пробовал заливать на хостинг измененный вариант сайта и только что скопированный. Никакой не прокручивается.
                    1. Александр Кудринский07 декабря 2017, 08:02#
                      Добрый день, дело в том что на кнопке которая обрабатывает форму может висеть постороний скрипт который будет запускатся по клику, попробуйте поискать что то типа onklick="...." и удалить эту часть
                      1. Евгений07 декабря 2017, 10:03#
                        Вы в контакте мне уже помогли :) Спасибо.
                    2. Денис18 января 2018, 17:15#
                      Попробовал скопировать 2 лендинга, один скопировался как надо, а другой открывается без картинок, хотя они тоже скопировались в нужную папку.
                      С чем это может быть связано?
                      1. Александр Кудринский22 мая 2018, 16:26#
                        каждый сайт индивидуальный и в любом случае неплохо бы подучить основы, возможно просто пути к картинками были задани с использованием домена
                      2. Антон Барышников25 января 2018, 09:31(Комментарий был изменён)#
                        Приветствую, не могу найти код, чтобы настроить заявки.
                        Нет таких строк:form action=«send.php»
                        Посмотри пожалуйста: host1647793.hostland.pro
                        Буду очень признателен!
                        1. Александр Кудринский22 мая 2018, 16:26#
                          надеюсь ваша проблема решилась)
                        2. Анастасия20 февраля 2018, 23:25#
                          Скажите, пожалуйста, я никак не пойму: скопированному лэндингу не нужен хостинг? Он же должен где-то быть зарегистрированным. Или нет?
                          1. Александр Кудринский22 мая 2018, 16:27#
                            если вы хотите видеть свой сайт не только у себя на пк но и во всемирной паутини то обязательно хостинг нужен, отличный хостинг справа смотрите ниже рубрик)
                          2. Александр П.15 марта 2018, 23:07#
                            Доброго времени суток, подскажите пожалуйста, у меня скачан давненько а вот установлен сегодня как написано Вами в статье GnuWin32 и при попытке скачать командная строка выдала вот такое: wget-rне является внутренней или внешней командой, исполняемой программой или пакетным файлом. Или я спутал по незнанки программы?
                            1. Александр Кудринский22 мая 2018, 16:28#
                              значит где то попутали пути к файлу при установке проверяйте еще раз вот этот путь
                              " В окне системные переменные находим переменную Path нажимаем кнопку изменить и в значение переменной в самом конце добавляем ";c:\Program Files\wget" (не забывайте про ";" )
                              "
                            2. Олег04 мая 2018, 11:43(Комментарий был изменён)#
                              Здравствуйте! Хорошая статья, сейчас есть много современных программ для копирования сайтов. раньше и сам так копировал, потом начал через проги разные копировать, могу сказать так, что каждый сайт индивидуален и не всегда некоторые сайты поддаются копированию, на самом деле проще заказать — сбережете свои нервы и время. Сейчас это стоит недорого.
                              1. Александр Кудринский22 мая 2018, 16:29#
                                да согласен в некоторых случаях лучше заплатить) кстати многие так и делают прочитав статью обращаются ко мне в вк)думаю уже снизу тут какую нибудь форму сделать)
                              2. Хамзат08 июня 2018, 17:57#
                                Отличная статья! Вроде бы все получилось!
                                А как все это перенести на хостинг?
                                1. Вадим05 июля 2018, 19:37#
                                  Спасибо, Александр! чуть было не отдал 1к за этот метод, вовремя увидел статью) успехов вам!
                                  1. Владимир20 июля 2018, 19:00#
                                    Отличная статья! Получилось скопировать лендинг без проблем. Залил на хостинг — все отлично! Только вот попробовал отправить через форму заказ на свою почту — почему-то не получается: лендинг просто перезагружается и в его адресе добавляется "?error=landing_inactive", письмо на почту не приходит. Сделал все, как в статье сказано, только не перенаправлял на страницу «Спасибо», оставил как есть (должна белая страница открываться при заказе, как понимаю).
                                    1. Александр Кудринский23 июля 2018, 10:21#
                                      Спасибо за отзыв)
                                      Если не разберетесь пишите мне в вк помогу)
                                      vk.com/id89226972
                                    2. Владимир06 августа 2018, 21:37#
                                      Здравствуйте!
                                      Статья очень полезная. В моём лэндинге было 4 формы обратной связи. Я разместил в папке с сайтом и в файле index.html на хостинге 4 вида файлов «send.php», присвоив каждому свой порядковый номер, вписав в каждый файл своё содержание темы. На почту стали приходить 4 вида заявок. Далее попробовал избавиться от белого квадрата. Для этого взял страницу благодарности с другого лэндинга. Разместил её в самом низу «body» файла index.html. На белом квадрате появился текст из страницы благодарности, но без картинки, хотя картинка тоже размещена на хостинге. Это первая проблема, как добиться появления картинки на странице. И второй вопрос, ни как не получается привязать 4 разных вида страниц благодарности к 4 разным номерам «send.php», чтобы текст на странице соответствовал каждому виду заказа.
                                      Пожалуйста, подскажите, как решить эти 2 вопроса.
                                      1. Александр Кудринский07 августа 2018, 08:29#
                                        По картинке — посмотрите путь до нее через инспектор кода, а по страницам благодарности просто создайте 4 разных страницы и сделайте в файле send.php перенаправление
                                        1. Владимир09 августа 2018, 11:02#
                                          Теперь всё работает. Вопросов больше нет. Спасибо за статью.
                                          1. Андрей Чернышев12 августа 2018, 20:55#
                                            Здравствуйте. Интересует такой технический вопрос:
                                            Можно ли лендинг в партнерке (какого нибудь) оффера — как то через код переделать под свой? И чтобы заявки шли в партнерку и естественно всю стату можно было смотреть тоже в партнерке?
                                            Без помощи техподдержки этой партнерки
                                        2. Андрей Чернышев12 августа 2018, 20:49(Комментарий был изменён)#
                                          Здравствуйте. Интересует такой технический вопрос:
                                          Можно ли лендинг в партнерке (какого нибудь) оффера — как то через код переделать под свой? И чтобы заявки шли в партнерку и естественно всю стату можно было смотреть тоже в партнерке?
                                          Без помощи техподдержки этой партнерки
                                          1. Александр Кудринский13 августа 2018, 08:48#
                                            Добрый день, не знаю если честно, думаю лучше задайте вопрос в поддержку партнерки
                                          2. Олег Алексеев24 августа 2018, 15:46#
                                            Александр, добрый день. Сделал все как вы описали, но на почту приходит заказ без данных. Просто пустые сообщения. Какие варианты решений есть?
                                            1. Александр Кудринский28 августа 2018, 07:58#
                                              В исходном коде поля input для ввода должны иметь имена name=«name» и phone=«phone»
                                            2. Сергей25 августа 2018, 14:29#
                                              Здравствуйте! При способе скачивания через wget, закачивается только index.html
                                              Ни папок с картинками, ни папок с скриптами (((
                                              Помогите разобраться!
                                              1. Александр Кудринский28 августа 2018, 07:57#
                                                Отписались в вк)
                                              2. Aleksandr26 августа 2018, 14:55#
                                                Статья пушка, лайк автору.Заявки со скопированного ленда лично у меня шли в спам. Так что проверяйте и его, долго сидел и не мог понять в чём проблема.
                                                1. Александр Кудринский28 августа 2018, 07:57#
                                                  Спасибо за отзыв)
                                                2. Игорь03 сентября 2018, 15:13#
                                                  Доброго дня!
                                                  Сайт скопировался, но файла send.php нет в файлах(точно нет — все проверил и никаких других с расширением php нет.
                                                  1. Владимир07 сентября 2018, 23:42#
                                                    В моем случае все получилось. Имена полей совпадали с исходными, а проверка на заполнение полей на странице была тоже изначально. Так что пришлось поправить только action=«send.php» и убрать «onsubmit». Кстати эта функция обрезана на скриншоте.
                                                    1. YaBlogo.su29 сентября 2018, 16:21#
                                                      У меня вгетом не получается, выдаёт такую ошибку:
                                                      Resolving readymag.com… 52.17.74.226, 54.154.82.191
                                                      Connecting to readymag.com|52.17.74.226|:80… connected.
                                                      HTTP request sent, awaiting response… 301 Moved Permanently
                                                      Location: readymag.com/akinformation/ak/ [following]
                                                      --2018-09-29 16:17:29-- readymag.com/akinformation/ak/
                                                      Connecting to readymag.com|52.17.74.226|:443… connected.
                                                      ERROR: cannot verify readymag.com's certificate, issued by `/C=GB/ST=Greater Manchester/L=Salford/O=COMODO CA Limited/CN=COMODO RSA Domain Validation Secure Server CA':
                                                      Unable to locally verify the issuer's authority.
                                                      ERROR: certificate common name `*.readymag.com' doesn't match requested host name `readymag.com'.
                                                      To connect to readymag.com insecurely, use `--no-check-certificate'.
                                                      Unable to establish SSL connection.

                                                      Как я понял что то связано с сертификатом безопасности. Вгет не может копировать сайты с SSL?
                                                      1. Marina01 октября 2018, 17:19#
                                                        Здравствуйте
                                                        Интернет-магазин скачала, но нужно поменять шаблоны с английского на русский язык, подставить свои картинки, контент и лого.
                                                        Как это сделать?

                                                        Vkontakte