Скрипт для копирования лендинга. Как скопировать лендинг и передавать лиды по API


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

Здравствуйте. Выкупал в складчине. Для меня было интересно, ничего сложного нет, автор объясняет хорошо и доступно. Сейчас уже пытаются сливать на форумы под платные хайды, присылаю вам, чтобы люди не платили за хайды. Рекомендую посмотреть!

Материал может быть удален по запросу правообладателя!

Описание курса:

Курс нужен Вам, если:

  • ВЫ ЗАНИМАЕТЕСЬ ТОВАРНЫМ БИЗНЕСОМ. Научившись самостоятельно копировать лендинги, Вам больше не нужно будет нанимать фрилансеров, составлять технические задания, ждать и терять время. Вы сможете самостоятельно в течении 20 — 30 минут найти подходящий Вам лендинг, скопировать и отредактировать его настроив свою почту для приема заявок. А сэкономленые на копировании лендинга средства можно пустить в рекламу и тем самым увеличить прибыль.
  • ВЫ ФРИЛАНСЕР ИЛИ ВЕБМАСТЕР. Товарный бизнес развивается семимильными шагами. А это значит что спрос на услуги копирования лендингов растет с каждым днем. Включив копирование сайтов в список предоставляемых вами услуг, Вы можете не плохо заработать. Средняя стоимость копирования простого лендинга без дополнительных корректировок, варьируется от 350 до 800руб. А время на его исполнение редко превышает 30 минут. А если при копировании нужны дополнительные корректировки, то стоимость возрастает пропорционально объему работы.

Что есть в курсе:

  • СПОСОБЫ КОПИРОВАНИЯ. Разберем 2 основных способа копирования сайтов.
  • В ЧЕМ СЛОЖНОСТЬ КОПИРОВАНИЯ. Рассмотрим какие сайты копируются а какие нет и почемую
  • 2 ИНСТРУМЕНТА ДЛЯ КОПИРОВАНИЯ. Разберем и установим два интрумента для копирования лендингов.
  • ХОСТИНГ И ДОМЕН. Как за пять минут зарегистрировать хостинг и домен для своего сайта.
  • 2 СПОСОБА ПЕРЕНОСА ФАЙЛОВ НА ХОСТИНГ. Научимся переносить файлы скопированного лендинга на хостинг.
  • РЕДАКТИРОВАНИЕ ЛЕНДИНГА. Научимся редактировать тексты и картинки на лендинге.
  • ФАЙЛ ОБРАБОТЧИК И НАСТРОЙКА ПОЧТЫ. Научимся настраивать формы для приема заявок на свою почту.
  • НАСТРОЙКА МЕТРИКИ И ЦЕЛЕЙ. Научимся настраивать и размещать на сайте счетчик метрики.
  • ОНЛАЙН ЧАТ И ВИДЖЕТЫ. Научимся устанавливать на сайте онлайн чат и виджеты.
Очень часто арбитражники сталкиваются с необходимостью копирования лендинга из 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, можно лить трафик)





    

    2024 © gtavrl.ru.