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

  • Автор темы iAmFbKilla
  • Дата начала
  • Ответы 35
  • Просмотры 30.679
iAmFbKilla

iAmFbKilla

Администратор
FB-killa team
Регистрация
15 Фев 2017
Сообщения
295
Реакции
996
Теперь, когда у нас есть расходные материалы, пора готовить страницы, на которые будем направлять пользователей.

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

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

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

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

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

2017 03 15 18 13 12


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

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

2017 03 15 18 53 10


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

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

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

2017 03 15 18 56 19


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

2017 03 15 18 58 03


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

2017 03 15 18 59 12


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

2017 03 15 19 08 52
 
Копируем лендинги

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

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

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

2017 03 15 19 30 26


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

2017 03 15 19 31 24


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

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

2017 03 15 19 33 46


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

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

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

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

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

2017 03 15 22 55 08


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

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

2017 03 15 22 59 10


2017 03 15 23 16 25


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

2017 03 15 23 57 28


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

2017 03 15 23 59 49


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

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

2017 03 16 00 02 33


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

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

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

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

2017 03 16 00 06 13


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

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

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

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

2017 03 16 11 49 06


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

2017 03 16 11 59 46


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

2017 03 16 15 22 28


Есть заявка. Лендинг готов к работе.
 
Очень спасибо за этот урок, ну очень много интересной информации, как для меня(новичка).
 
Присоединяюсь! Информация на вес золота. Лично для меня открытие - копирование лендингов и перестройка их под себя. Не думал, что это так просто.
 
Далее вам предложат заполнить свои персональные данные (я всегда вбиваю левые, кроме электронной почты) и оплатить домен. После этого потребуется подтвердить электронную почту и можно приступать к работе.
Сори, может я туплю.)
Нужно же данные для регистрации домена всегда указывать реальные. Чтобы потом домен не потерять и т.д.? Так?
 
Очень классная статья! Спасибо! :)
 
Обязательно ли создавать свой лендинг?
 
Сори, может я туплю.)
Нужно же данные для регистрации домена всегда указывать реальные. Чтобы потом домен не потерять и т.д.? Так?
Через год вам этот домен уже не будет нужен.
 

Похожие темы

Назад
Верх