Сложно ли сделать копию лендинга. Копирование лендингов: Научитесь самостоятельно копировать лендинги


В последнее время стало пользоваться большим спросом копирование лендингов. Это создание своего сайта на основе копии другого понравившегося вам лендинга (или нескольких). То есть, по сути, этот процесс представляет собой почти то же самое, что разработка лендинга на шаблоне. Только у данного способа есть ряд преимуществ. Все шаблоны уже использованы по нескольку раз, они попросту «заезжены». Если вы хотите получить более уникальный сайт, тогда я советую вам воспользоваться услугой копирования лендингов. Например, могу посоветовать сервис copysta.ru . Ребята создают лендинги на основе копии одного или нескольких сайтов, которые вам нравятся. Они предлагают изменить дизайн: цветовую гамму, картинки, фото, шрифты и т. д., оставив в неизменном виде только структуру. В итоге получается совершенно новый лендинг для пользователей и поисковиков.

Одностраничный сайт подходит для тех, кто продает конкретный товар или предоставляет определенную услугу. То есть единичный продукт, а не интернет-магазин. Он представляет своего рода витрину вашего бизнеса в Интернете. Лендинг-пейдж имеет некоторые сходства с сайтом-визиткой, но все же он гораздо информативнее. Согласно последним опросам, большинство заказчиков выбирают сейчас лендинги, отказываясь от многостраничных (тяжелых и массивных) сайтов. И это, на мой взгляд, правильно. Нужно делать сайты проще, легче и понятнее пользователю.

Вариант копирования сайта идеально подходит тем, кто не хочет переплачивать за разработку лендинг-пейдж. Дело в том, что цены на лендинги в различных веб-студиях начинаются от 10 000 руб. Копия лендинга стоит от 1000 руб. (в зависимости от сложности реконструкции). Еще один плюс – это время. Разработка лендинга на основе копии занимает от двух часов до одного дня. Таких сроков вам не предложит никто, создавая сайт с нуля.

На самом деле, скопировать сайт не так уж сложно, можно даже попытаться сделать это самому. Но неподготовленному человеку, без знания основ верстки, HTML-кода и прочего, скопировать лендинг будет скорее невозможно, чтобы потом еще все работало, как следует. Поэтому всегда стоит обращаться к профессионалам своего дела. Только они разработают лендинг быстро, качественно и недорого. Итак, зачем переплачивать и ждать кучу времени? Абсолютно верно, — незачем.

Напоследок, скажу еще пару слов о законности данного метода. Понятно, что копировать чужие сайты не очень хорошо. Но если соблюдать меры предосторожности, никто к вам «не подкопается». Это значит, что в готовую копию нужно вносить максимальные изменения, об этом я уже говорил выше. Необходимо сделать его более уникальным и менее похожим на сайт «донора». А продвигать свой товар или услугу (которые продает кто-то еще) вам никто не запрещает. То есть используйте его в качестве шаблона и дорабатывайте.

Нельзя не отметить, что создание лендингов на базе копированных сайтов уже прочно обосновалось в веб-разработке. Решать вам, прибегнуть к данному виду услуг или нет. Я желаю удачи и процветания вашему бизнесу в Интернете!

Привет, друзья. Сегодня поговорим о щекотливой теме, к которой я отношусь достаточно пренебрежительно. Речь пойдет о том, как скопировать лендинг пейдж.

Знаю, что так делать нельзя, сам, до этого момента ни разу не использовал способ, описанный ниже, вообще никогда не копировал landing и призываю вас не делать этого. Но начал интересоваться арбитражем трафика, и понял, что более-менее успешные там люди, мыслят другими категориями.

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

Нельзя терять деньги и время на разработку, до того, как стал полностью уверен в прибыльности выбранной темы, поэтому копирование landing page там встречается сплошь и рядом.

Как самостоятельно скопировать landing page

Давай приступим. Первое, что нам понадобится — это wget.

Wget - свободная не интерактивная консольная программа для загрузки файлов по сети. Поддерживает протоколы HTTP, FTP и HTTPS, а также поддерживает работу через HTTP прокси-сервер. Программа включена почти во все дистрибутивы GNU/Linux.

Не пугайтесь того, что придется работать в консоли, все достаточно просто. Скачайте последнюю доступную версию для Windows можно тут:

Это портированный вариант одного из энтузиастов, ведь развитие этой программы под Windows — давно остановилось. На момент написания статьи, последняя доступная портированная версия — 1.19.4.

Прежде чем продолжить

Прежде чем продолжить, важно понимать, что вы не сможете получить работоспособные формы таким образом. Ведь обработчик, скорее всего написан на php, а это серверный язык. Браузер не получает php код, а только интерпретированный html. Да и никакая другая программа вам в этом не поможет. Мы скопируем front-end.

Итак, давайте продолжим. Скачав архив, я распаковываю его в C:\Program Files\Wget

После этого, нам нужно поработать с системной переменной Path и добавить путь, в котором и находится сам Wget (указан выше).

Как это сделать?

Windows 8 / 10 — в поиске набрать «система».

Дополнительные параметры.

Переменные среды.

В системных переменных жмем «изменить» или «создать», если системной переменной Path — не существует и вписываем путь к папке, куда разархивировали Wget.

Теперь можем приступать непосредственно к копированию сайта. Я буду показывать на примере шаблона, который можно скачать бесплатно, чтобы не нарушать ничьих прав. Я воспользуюсь сайтом scripteden.com и шаблоном _https://scripteden.com/preview/?preview=313

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

Откроем консоль, перейдем в категорию, в которую будет скачан сайт и выполним команду:

wget —page-requisites https://scripteden.com/previews/Clean

После успешного выполнения, вы увидите, примерно, следующее сообщение:

У Wget много дополнительных команд, с которыми можно познакомиться, набрав wget -help. Кстати описания полностью на русском. А у меня — все. Не нарушайте чужие авторские права)

Интернет полон информации по скачиванию чужих лендингов. Но большинство копирует не все параметры и функции сайта в нужном качестве. Я, например нуждаюсь в правильной работе jawa скриптов, действующем и рабочем окне обратной связи, форме заказа и остальным фишкам на классных продающих лендингах.

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

Какая цель: Скопировать Lending Page из интернета тремя способами и выявить среди них самый эффективный. Так что читайте статью до конца – вывод вам понравится, обещаю!!!

За основу берем заказ моего клиента.
Задача скопировать и отредактировать лендинг согласно ТЗ.
Вот сам одностраничник http://lending777.16mb.com.

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

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

Мне попадались клиенты разного профиля. В основном это:
Продавцы различных товаров (часто китайских часов, брелков и прочих гаджетов.)
Партнеры, двигающие курсы и тренинги инфо-бизнесменов. Гораздо проще толкать партнерскую программу имея на руках уже готовый скопированый лендинг со скриптами и формой заявки. Таким образом собирается подписная база, или сразу ставят реферальную ссылку на продажник.

Способ 1 – плагин ScrapBook для браузера Mozilla Firefox

(ныне актуальная версия 1.5.14) от известного автора Gomita
Далее разберем как скопировать лендинг применив scrapbook.

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

Нажимаем правой клавишей мыши и выберем пункт «Сохранить страницу как». Настройки копирования ставим как на скриншоте:

Очень запутанный путь для сохранения файлов в данном плагине. Но я по скопирую свой, а вы уже его отредактируйте согласно вашего проводника. Здесь придется изменить только ilya на ваш логин администратора. Я работаю в Windows 7, для справки.

C:\Users\ilya\AppData\Roaming\Mozilla\Firefox\Profiles\1isvghm3.default\ScrapBook\data\

Затем открываем папку с набором цифр, в моем случае это «20160830185830» и копируем все содержимое на ваш хостинг. Рекомендую использовать ftp клиент для этих целей. Если вы загружаете файлы через менеджер сайта вашего хостинга, то не забудьте все файлы предварительно перед закачкой добавить в архив с расширением.zip.

Я не буду заливать на хостинг все три варианта.
Продемонстрирую лишь, как удалось скопировать себе лендинг полностью при помощи scrapbook.

Вот как получилось наглядно https://yadi.sk/i/rQMULzlZucF8R .
На вид все замечательно скопировалось. Но если капнуть немного глубже, то выясняется что отсутствует файл отправки заявки на почту клиента. Так же не смогли загрузиться некоторые изображения.

Плюсы:

  • Бесплатно
  • Быстро
  • Просто
  • Минусы:

  • Файлы сохраняются хаотично (нет структуризации по папкам)
  • Нет возможности редактировать форму обратной связи.
  • Сложные скрипты не потянет.
  • Не все картинки целые.
  • Способ 2 – как скопировать лендинг полностью с утилитой WGET

    Устанавливаете ее как обычную программу. Затем внесем корректировки, чтобы можно было запустить из консоли.

    Для этого зайдем в свойства компьютера и по шагам выполним все операции указанные на картинке.

    В окно «значение переменной» после всех знаков в конце нужно вписать путь к установленному файлу;C:\Program Files\wget
    У меня вышло так:

    %SystemRoot%\system32;%SystemRoot%;%SystemRoot%\System32\Wbem;%SYSTEMROOT%\System32\WindowsPowerShell\v1.0\;C:\Program Files\wget

    Теперь есть возможность открывать его через командную строку.

    Вызываем ее, прописав три буквы в строке поиска «cmd». В ней прописываем следующую фразу:

    Wget –r –l 10 http://lending777.16mb.com и нажимаем Enter. (10 – это число скачиваемых страниц).

    Только вводить нужно все символы вручную!!!

    Когда процесс как быстрого копирования лендинга завершен, его файлы сохраняются в папку по такому пути:
    C:\Users\ilya\lending777.16mb.com

    Плюсы:

    • Этот способ позволяет копировать лендинг с ajax формами и настраивать их под свой email.
    • Скачивает абсолютно все файлы и сохраняет в том виде, в каком они были в оригинале.
    • Умеет делать шаблон уникальным, изменяя цвета и текст. (обладает встроенным синонимайзером).
    • Вырезает метрики и лишний мусор.
    • Имеет функцию коррекции изображений.
    • Очень быстро работает.
    • Обладает всеми нужными функциями для копирования чужих лендингов с интернета.

    Минусы:

    • Платный.

    Выводы: Метод копирования лендинга с плагином scrapbook подходит в том случае, когда отсутствуют формы обратной связи и подключены не слишком сложные jawa скрипты.

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

    Я предоставляю ряд услуг «Lending под ключ»:

    • Копирование;
    • Удаление мусора и счетчиков;
    • Уникализация лендинга;
    • Редактирование (текста, фотографии, фон);
    • Настройка форм заказов;
    • Установку на ваш хостинг;
    • Подключение метрики;
    • И прочие мелкие доработки.
    Очень часто арбитражники сталкиваются с необходимостью копирования лендинга из CPA сети и загрузки его на свой хостинг. Это может быть нужно для различных целей:
    • Установить на лендинг свою яндекс.метрику или гугл аналитикс.
    • Установить различные пиксели.
    • Собирать базу для ретаргетинга.
    • Что подправить для прохождения модерации и т.п.
    Здесь мы постараемся разобраться со всеми этими моментами, а за одно увидите, что все это делается довольно быстро и просто.

    Основные бесплатные способы скопировать лендинг:

  • С помощью расширения ScrapBook для Firefox.
  • С помощью программ HTTrack Website Copier или Teleport pro.
  • С помощью утилиты wget.
  • В этой статье мы разберем, как скачивать лендинг именно с помощью утилы wget, т.к. я пользуюсь именно ей и она меня ни разу пока еще не подводила.Копируем лендинг с помощью утилиты wget Для начала нужно скачать и установить эту утилитку, скачиваем ее здесь - Зарегистрируйтесь или Авторизуйтесь

    После того, как вы скачаете и установите утилиту, запускаем командную строку, для это выполняем:
    пуск - все программы - стандартные - командная строка

    В итоге получаем доступ к командной строке:

    Полностью расписывать все команды wget не буду (потому что сам не знаю ) разберем только ту команду, с помощью которой и будем сливать лендинг, выглядит она следующим образом:

    Внимание! У вас нет прав для просмотра скрытого текста. Зарегистрируйтесь или Авторизуйтесь

    Первую часть вводим, как здесь написано, т.е. "wget --page-requisites -r -l 10", во второй части соответственно вводим адрес нужного нам лендинга.

    Давайте, для примера, скопируем какой-нибудь лендинг из m1-shop. Допустим мы выбрали оффер "AirPods - беспроводные наушники" и хотим скачать мобильный лендинг "Внимание! У вас нет прав для просмотра скрытого текста. Зарегистрируйтесь или Авторизуйтесь ".

    Значит в wget наша команда будет выглядеть так: wget --page-requisites -r -l 10 Внимание! У вас нет прав для просмотра скрытого текста. Зарегистрируйтесь или Авторизуйтесь

    Ввели, нажимаем enter, происходит процесс копирования лендинга на ваш ПК:

    После того, как утилита завершит копирование, вы увидите такую картину:

    Значит можно идти и проверять, что у нас получилось. Наш лендинг будет сохранен в папку C:\Users\(ваше имя пользователя)

    Заходим в эту папку и видим, что все норм скачалось.

    Если вам что-либо не понятно, из того, что я описал, можете посмотреть видос, как работать с этой утилитой:

    Теперь давайте посмотрим, как прикрутить API, к нашему скачанному лендингу.

    Подключение API к лендингу Раз уж скачивали ленд m1, то давайте и рассмотрим, как прикрутить их api, к нашему скачанному лендингу.

    Очень подробную инструкцию по подключению API можно найти на их сайте, здесь - Внимание! У вас нет прав для просмотра скрытого текста. Зарегистрируйтесь или Авторизуйтесь

    Там же, кстати, на соседней вкладке есть и видео инструкция.

    Передавать заказы и статистику мы будем через javascript, т.к. это наиболее простой вариант.

    Открываем главную страницу нашего лендинга index.html и после открывающегося тега вставляем этот код:

    var m1_product_id = PRODUCT_ID; var ref = WEBMASTER_ID; var script = document.createElement("script"); script.src = "https://m1-shop.ru/send_order/?ref="+ref+"&s="+getC("s")+"&w="+getC("w")+"&t="+getC("t")+"&p="+getC("p")+"&m="+getC("m")+"&product_id="+m1_product_id+"&out=1"; document.body.appendChild(script);

    Но его нужно немного подредактировать под себя, а именно вместо PRODUCT_ID вставляем ID-товара для API, в нашем случае это 4712. Найти его можно на странице оффера:

    А вместо WEBMASTER_ID, мы вставляем ID вебмастера, найти его можно в своем профиле. Таким образом, наш код будет выглядеть следующим образом:

    var m1_product_id = 4712; var ref = 111111; var script = document.createElement("script"); script.src = "https://m1-shop.ru/send_order/?ref="+ref+"&s="+getC("s")+"&w="+getC("w")+"&t="+getC("t")+"&p="+getC("p")+"&m="+getC("m")+"&product_id="+m1_product_id+"&out=1"; document.body.appendChild(script);

    В этом коде тоже нужно сделать небольшие правки.

    Для начала убеждаемся, что в форме заказа поле "ФИО" имеет имя "name", а поле "телефон" имя "phone":

    И добавляем в нашу форму два скрытых поля:

    В которых снова вставляем свои PRODUCT_ID и WEBMASTER_ID, получается следующий код:

    Вставляем его в код нашей формы:

    Теперь нужно в нашей форме поле action="" оставить пустым и добавить обработчик формы:

    • Вариант без проверки введенных данных: onsubmit="urlGen(this);"
    • Вариант с проверкой данных введенных в форму: onsubmit="if(this.name.value==""){alert("Введите Ваше имя!");return false}if(this.phone.value==""){alert("Введите Ваш номер телефона!");return false}urlGen(this);return true;"
    Я вставил второй вариант:

    Все готово, мы прикрутили передачу заявок по API.

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

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

    Внимание! У вас нет прав для просмотра скрытого текста. Зарегистрируйтесь или Авторизуйтесь

    После этого в форму заказа вставляем тестовые данные и жмем "заказать":

    Теперь идем в пп, в данном случае м1 и смотрим заказах:

    И в стате:

    Ну вот, все отлично, мы настроили передачу данных по API, можно лить трафик)

    Копирование лендинг-пейджа.

    Каждому арбитражнику для продажи оффера часто нужен лендинг пейдж. Но не каждый арбитражник умеет делать сайты, да и фрилансера нанимать не хочется. Следуя данной инструкции вы сможете скопировать любой лендинг пейдж для своего оффера.

    Важно: лендинги с m1-shop не копируются адекватно! С ними потом невозможно работать. Свой лендинг я брал с CPA ad1.ru

    Скачиваем программу для копирования с сайта: https://www.httrack.com/

    Выбираем из списка ваш дистрибутив, скачиваем. У меня Windows, поэтому я выбираю тот, что на скрине:


    Когда скачалось – запускаем и устанавливаем:


    Вводим название проекта. Так же можете указать путь, куда будут копироваться сайты. По умолчанию (C:My Web Sites):



    Снимаем галочку здесь:

    Ставим три галочки тут:


    Выбираем следующую настройку тут:


    Ставим галочку тут:



    Ваш сайт начинает копироваться:


    Шикарно. Ваш сайт скопировался:


    Теперь нам нужно отредактировать форму заявки под нас. Заходим на лендинг, который копировали:

    Видим, что форма есть вверху:



    Прежде чем ее редактировать, нам нужно её найти в коде. Программа, которая копирует лендинг по нашим настройкам меняет все исходные названия, поэтому придется немного поискать тот файл с кодом, который нам нужен (как правило – самый большой html файл).

    Также нужно скачать VISUAL STUDIO CODE:

    Устанавливаем:


    После установки, открываем VSCode и устанавливаем расширение «HTML» (введите в поиск и установите HTML SNIPPETS).


    Теперь можно искать файл (он лежит, скорее всего, в папке web вместе с другими исходниками). Файлы открывайте кликом правой кнопкой мыши и Open With Code.

    Вам нужен огромный html файл:


    Нашли? Круто! Продолжаем. Возвращаемся на лендинг:

    Нажимаем F12 (браузер Google Chrome, да и в других тоже). Видим, что справа / снизу появился код разметки:


    Водим мышкой по всему коду и пытаемся найти, какой блок кода выделит нашу форму:

    В моем случае это блок кода внутри тега

    С id = form-section.


    Теперь нам нужно найти эту часть кода в html-файле. Жмем CTRL+F внутри VScode, пишем туда form-section:


    Как вы видите, совпадений много, но нам нужна именно наша! Как мы найдем? Смотрим форму и на форме мы видим кнопку «Забронировать скидку». Ищем эти же слова в коде:

    Значит мы нашли то, что нам нужно. Выше этого блока кода мы ищем код с действием (action):

    Удаляем все, после class и id:

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

    Пишем вместо того, что удалили:

    action="send.php" method="POST" name="order-form" accept-charset="utf8"

    Таким образом, у нас получилось:

     

    Возможно, будет полезно почитать: