копирование 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. Для этого заходим в Локальный диск С(это там где у нас установлена система), открываем Program Files и создаем папку wget. В нее распаковываем содержимое архива и запускаем wget.exe 

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

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

 

 В окне системные переменные находим переменную 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 ее необходимо сначала создать и разместить в корне сайта.

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

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

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

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

Удачи всем!)

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

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





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

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

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

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

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

  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 Yui 06 сентября 2017, 15:59 #
      Здравствуйте, очень понравилась статья, короткая и информативная.
      Я сделал всё точно также, как написано выше.
      /* Сюда впишите свою эл. почту */
      $address = «trickster1251@gmail.com»;
      Я записал свой email, но сообщения на него не приходят, а за место этого, когда в браузере, в каком-нибудь заранее скачанном и отредактированном лэндинге, я нажимаю на кнопку «Оставить заявку» у меня в браузере пытаеться открыть файл send, после чего, как я его открываю, это тот же файл send.php, тоесть ничего не происходит, он просто открывает send.php, форма не отсылается ко мне на почту.
      1. Александр Кудринский 06 сентября 2017, 16:13 #
        Дополнительный вопрос: вы запускаете сайт и в частности этот файл уже на хостинге или же просто с компьютера из папки?
        1. Idzumi Yui 06 сентября 2017, 16:43 #
          Просто с папки на ПК.

          1. Александр Кудринский 06 сентября 2017, 17:08 #
            Тогда все понятно. Дело в том что php файлы обрабатываются только на сервере. Вам нужно закинуть все файлы на хостинг и тогда все отработает если сделали по инструкции
            1. Idzumi Yui 06 сентября 2017, 17:39 #
              Хорошо, спасибо, а почту я правильно в коде записал? /* Сюда впишите свою эл. почту */
              $address = «trickster1251@gmail.com»;
              и не нужно больше ничего в файле send.php менять? Тоесть, если я закину эту папку на хостинг, тогда мне будут исправно приходить оповещения о заявке?
              1. Александр Кудринский 06 сентября 2017, 17:44 #
                Да должно все работать исправно, если не получится пишите — поможем)
      2. Idzumi Yui 06 сентября 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. dronnweb@gmail.com 05 января 2018, 19:07 #
                      dronnweb@gmail.com пишите копирую

                      Vkontakte