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

Для того, что бы пользоваться некоторыми достижениями современности совершенно не обязательно быть их изобретателем или владельцем. Достаточно просто грамотно перенять это достижение для того, что бы оно служило для вас, занимаясь воплощением в реальность ваших задач. Особенно удачно такой принцип «заимствования» подходит для интернет – ресурсов.

Копирование landing page: плагин scrapbook

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

Называется этот сервис -«Scrapbook». Это производительное расширение на бесплатной основе для всем известного браузера Firefox. При помощи этого сервиса можно сохранять web-страницы на ваш компьютер. В дальнейшем их просматривать в режиме off-line (без доступа к сети Интернет) и редактировать, видоизменяя до интересующего вас состояния. Этот сервис не стоит на месте и постоянно совершенствуется, что бы дарить своим пользователям все большие и большие возможности по работе с интернет-ресурсами.

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

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

Landing Page – посадочная страница, оформленная под продажу какого-то одного или нескольких товаров или услуги. Их специально делают очень красивыми и манящими, чтобы у человека, который попал на неё и пролистал до конца, не осталось ни единого сомнения в том, что надо брать!

Потому разработка лендинг пейджа это дорогое удовольствие, требует времени и фантазию. Но ведь практически под всё уже есть лендинги! И даже продаются готовые варианты. В этой статье я расскажу как взять готовую страницу, перенести к себе на хостинг и отредактировать. Да, это по сути воровство и вас за это могут привлечь к ответственности. Поэтому делать это можете на свой страх и риск. Основное применение – в образовательных целях. Потом в любом случае лучше сделать свой лендинг.

Что потребуется

• Копируем архив в корень или папку сайта
• Разархивируем его в панели управления хостинга
• На следующие файлы и папки, необходимо поставить права 777:
  • каталог, в котором находится скрипт (public_html или название домена)
  • файлы index.php, admin.php в корне
  • папка /lib и все файлы в ней
  • папка /system и все файлы в ней

Права, они же атрибуты, можно поменять в панели управления хостинга.

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

Настраиваем копирование

Вводим URL и кликаем в любое пустое место, чтобы определилась кодировка страницы и нажимаем «Далее»

На следующей странице настроек мастер предлагает выбрать режим кэширования. Здесь нужно оставить по умолчанию – «Файлы», а также поставить галочки на «Подключаемые JS/CSS» и «Изображения». Это нужно для того, чтобы копировались все скрипты и картинки, даже те, которые подгружаются с поддоменов.

Какие есть настройки

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

Визуальный редактор позволяет редактировать текст, изменять оформление, добавлять/изменять/удалять картинки, ссылки и т.д.

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

Дальше настройка происходит в контрольной панели (админке). В разделе «Скрипты» можно видеть, редактировать и отключать подключаемые на странице скрипты, в том числе inline-вые, т.е. встроенные с помощью тегов

С помощью замен в тексте можно изменить все вхождения одних слов или кода на другие, например, «Киев» на «Москва». Для вырезания кода удобно пользоваться регулярными выражениями. Также можно добавлять свой код, если ввести, например, замену «» на «код» мы добавим свой код в самый конец страницы.

На вкладке «Контент» можно включить переводчик или синонимайзер, но в рамках моделирования лендингов эти функции не нужны:

В пункте меню «Изображения» настраивается уникализация картинок: отзеркаливание и водяной знак:

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

В каких случаях что-то не будет работать

Такое может быть, что целевой landing page использует не только Javascript, но и php-скрипты на действия. Т.е., когда вы что-то делаете на странице, идёт обращение к php скрипту на сервере. Такое скачать не возможно, потому что скрипт возвращает результат, в зависимости от действий посетителя. Но такое бывает крайне редко и при ручном вмешательстве также интегрируется куда надо.

Вот в принципе и всё, успехов!

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

Знаю, что так делать нельзя, сам, до этого момента ни разу не использовал способ, описанный ниже, вообще никогда не копировал 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 под ключ»:

• Копирование;
• Удаление мусора и счетчиков;
• Уникализация лендинга;
• Редактирование (текста, фотографии, фон);
• Настройка форм заказов;
• Установку на ваш хостинг;
• Подключение метрики;
• И прочие мелкие доработки.

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

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

Важно: лендинги с 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"

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