Занятие 5. Копирование и создание собственных лендингов

[iAmFbKilla]

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

Для начала, потребуется приобрести домен (имя сайта) и хостинг (место, где он будет размещаться).

Чем «звучнее» домен, тем больше к нему доверия как со стороны пользователей, так и со стороны Facebook.

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

Первым делом покупаем домен. Так как география оффера Казахстан, то доменную зону лучше брать либо .kz либо нейтральную, например в зоне .com / .pro и т.п.

Идём на сайт любого регистратора доменов, например https://ru.godaddy.com/tlds/com-domain и подбираем себе крутое название сайта. Промокод «GOFHYAN26» (я загуглил) даёт бешеную скидку на зону .com и домен обойдётся вам всего в 80 с копейками рублей.

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

 

[iAmFbKilla]

Теперь нам нужно купить хостинг.

Я пользуюсь ihc.ru. Регистрируемся и заказываем себе самый дешёвый хостинг за 159 рублей в месяц.

Далее снова заполняете регистрационные данные и производите оплату. Хостинг куплен.

 

[iAmFbKilla]

Последним шагом к созданию будущего сайта является привязка домена к хостингу

Заходим в личный кабинет GoDaddy (если брали там) и открываем «Управление DNS». В поле поиска вводим свой домен и жмём Enter.

Опускаемся до блока «Серверы имен» и редактируем его значения на ns1.ihc.ru в первой строке и ns2.ihc.ru во второй. Сохраняем. Теперь должно выглядеть так:

Возвращаемся на ihc.ru в панель управления и добавляем сайт

Нас перекинет на форму, в которую и нужно вписать домен.

Жмём «Добавить» и всё. Готово. В течение пары часов (обычно минут 15) при переходе на ваш сайт вы будете видеть следующую картинку, которая означает, что всё работает правильно и можно приступать к загрузке файлов сайта на хостинг.

 

[iAmFbKilla]

Копируем лендинги

Для того, чтобы скопировать лендинг, я использую утилиту wget.

1. Качаем wget
2. Смотрим обучающее видео (установка и работа с wget)
4. Сохраняем себе строчку wget —page-requisites -r -l 10 http://имя-сайта.ру
5. Пользуемся!

С помощью wget, можно спереть под чистую практически любой сайт, но нам он нужен только для копирования лендингов и последующего обмана facebook (об этом завтра).

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

Идём в любую партнёрку, где есть в продаже часы (ad1 / m1-shop) и ищем там мобильный лендинг под другой оффер часов. Мне понравился вот этот http://m.patek-sky-watch.com, копирую его wget’ом. И сразу загружаю его к себе на хостинг, чтобы проверить.

Очевидно, что что-то не так. Иду проверять все файлы и сразу же нахожу косяк.

В расширениях файлов цифр (как и @) быть не должно. Удаляю лишние символы, оставляю только .js

Проделываю тоже самое с другими «косячными» именами файлов и получаю следующее:

Готовый к работе лендинг! Только…

Только часы у нас не Patek Philippe, а значит перед тем как «вшивать» собственный партнёрский код, надо исправить все картинки.

Как вы помните, когда я готовил креативы, мне пришлось выкачивать фото часов с основного лендинга и теперь они пригодятся как никогда кстати.

Захожу в папку /img и прощёлкиваю все картинки, чтобы понять, какие из них мне нужно отредактировать, после чего начинается работа в Adobe Photoshop – не сложная, но кропотливая.

Итогом всех махинаций стал вот такой лендинг с уже актуальными картинками:

Пора чистить код и переписывать тексты!

Открываю index.html в редакторе Notepad++ (обязательно скачайте и установите его себе, если до сих пор не пользуетесь) и иду по порядку сверху вниз.

Далее просто меняем текст на нужный и в самом конце видим форму заявки

Остаётся вот так:

Перед закрывающим тегом </form> нам нужно вставить нашу партнёрскую ссылку.

Иду в свой оффер в ad1 и создаю поток с такими настройками:

Получаю ссылку вида: http://c.trtkp.ru/XZhz

Возвращаюсь на лендинг и вставляю в пустое место формы такой код:

<iframe src="http://c.trtkp.ru/XZhz" width="100%" height="410px" />

В результате, на лендинге появляется форма заказа:

Следующим этапом является проверка нашего сайта на удобство использования для мобильных устройств, с помощью сервиса - https://testmysite.withgoogle.com/intl/ru-ru

И скорость загрузки лендинга (очень важно!) для мобилок - https://developers.google.com/speed/pagespeed/insights/

Последним этапом является проверка работоспособности лендинга. Оставляю тестовую заявку и проверяю статистику партнёрки – отобразилась ли она.

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

Так как ФИО было «Тестовая заявка», а номер телефона «88005553535», то не удивительно, что система так сработала. Уточняем этот момент у поддержки:

И пробуем еще раз. Заходим с Казахстанского IP (я пользуюсь бесплатным VPN-клиентом от hidemy.name на 1 день) и снова пробуем оставить заявку. Результат:

Есть заявка. Лендинг готов к работе.

 

[Gregs]

Очень спасибо за этот урок, ну очень много интересной информации, как для меня(новичка).

 

[cumerpapar]

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

 

[Alex_Matyushko]

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

Сори, может я туплю.)
Нужно же данные для регистрации домена всегда указывать реальные. Чтобы потом домен не потерять и т.д.? Так?

 

[Alex_Matyushko]

Очень классная статья! Спасибо!

 

[aleksey.efimov]

Обязательно ли создавать свой лендинг?

 

[Denzo123]

Сори, может я туплю.)
Нужно же данные для регистрации домена всегда указывать реальные. Чтобы потом домен не потерять и т.д.? Так?

Через год вам этот домен уже не будет нужен.