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

Тема в разделе "Программы и скрипты", создана пользователем admin, 3 ноя 2017.

  1. admin

    admin Администратор

    Регистрация:
    23 дек 2013
    Сообщения:
    2.562
    Симпатии:
    929
    Очень часто арбитражники сталкиваются с необходимостью копирования лендинга из CPA сети и загрузки его на свой хостинг. Это может быть нужно для различных целей:
    • Установить на лендинг свою яндекс.метрику или гугл аналитикс.
    • Установить различные пиксели.
    • Собирать базу для ретаргетинга.
    • Что подправить для прохождения модерации и т.п.
    Здесь мы постараемся разобраться со всеми этими моментами, а за одно увидите, что все это делается довольно быстро и просто.

    Основные бесплатные способы скопировать лендинг:
    1. С помощью расширения ScrapBook для Firefox.
    2. С помощью программ HTTrack Website Copier или Teleport pro.
    3. С помощью утилиты wget.
    В этой статье мы разберем, как скачивать лендинг именно с помощью утилы wget, т.к. я пользуюсь именно ей и она меня ни разу пока еще не подводила.

    Копируем лендинг с помощью утилиты wget


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

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

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

    [​IMG]

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

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

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

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

    [​IMG]

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

    [​IMG]

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

    [​IMG]

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

    [​IMG]

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

    [​IMG]

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

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



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

    Подключение API к лендингу


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

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

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

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

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

    Код:
    <script src="http://cplm1.ru/js/m1ref.js"></script>
    <script type="text/javascript">
    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);
    </script>
    Но его нужно немного подредактировать под себя, а именно вместо PRODUCT_ID вставляем ID-товара для API, в нашем случае это 4712. Найти его можно на странице оффера:

    [​IMG]

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

    Код:
    <script src="http://cplm1.ru/js/m1ref.js"></script>
    <script type="text/javascript">
    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);
    </script>
    Далее в нашем index.html находим код формы отправки заказа, у меня он выглядит так:

    [​IMG]

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

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

    [​IMG]

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

    Код:
    <input type="hidden" name="product_id" value="PRODUCT_ID"/>
    <input type="hidden" name="ref" value="WEBMASTER_ID"/>
    В которых снова вставляем свои PRODUCT_ID и WEBMASTER_ID, получается следующий код:

    Код:
    <input type="hidden" name="product_id" value="4712"/>
    <input type="hidden" name="ref" value="111111"/>
    Вставляем его в код нашей формы:

    [​IMG]

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

    [​IMG]

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

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

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

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

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

    [​IMG]

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

    [​IMG]

    И в стате:

    [​IMG]

    Ну вот, все отлично, мы настроили передачу данных по API, можно лить трафик)
     
    Hitmepunk, maximaizer и Марк Аврелий нравится это.
  2. AlEX-CO

    AlEX-CO Новичок

    Регистрация:
    30 май 2019
    Сообщения:
    1
    Симпатии:
    0
    С помощью админки для лендингов Внимание! У вас нет прав для просмотра скрытого текста. Зарегистрируйтесь или Авторизуйтесьподключить передачу лидов можно в два счета без копания а коде сайта. Интеграция с любыми CRM
     
  3. AvesSoper

    AvesSoper Новичок

    Регистрация:
    5 авг 2019
    Сообщения:
    9
    Симпатии:
    0
    У меня ноутбук и у меня полетел cd-rom и полетела винда.мне сказали что можно как то через специальную программу поставить винду с флешки.хотелось бы узнать название программы и как ей пользываться???

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

    andreyvorobey Новичок

    Регистрация:
    28 сен 2019
    Сообщения:
    1
    Симпатии:
    0
    Программы, конечно, можно использовать, но они не решают всех задач. Так как не всегда все качается, как нужно и нужно знать, как отредактировать скаченный сайт, необходимы базовые знания html-верстки. Очень часто требуется настроить формы для сообщений и заявок, а тут нужны углубленные знания. Кроме того, порой, требуется редактировать сайт, заменять изображения, изменять текст и код. Для этого нужно поставить админку, она ведь не качается, так как php скрипты нельзя скачать.

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

Поделиться этой страницей