День 5
Теперь, когда у нас есть расходные материалы, пора готовить страницы, на которые будем направлять пользователей.
Для начала, потребуется приобрести домен (имя сайта) и хостинг (место, где он будет размещаться).
Чем «звучнее» домен, тем больше к нему доверия как со стороны пользователей, так и со стороны Facebook.
Я уже писал, что одним из офферов, который я выбрал, были часы «Казахстан» и что основной их проблемой было отсутствие мобильного лендинга. Сегодня я расскажу, как копировать и редактировать лендинги под свои нужды, а также как их загружать на хостинг.
Первым делом покупаем домен. Так как география оффера Казахстан, то доменную зону лучше брать либо .kz либо нейтральную, например в зоне .com / .pro и т.п.
Идём на сайт любого регистратора доменов, например https://ru.godaddy.com/tlds/com-domain и подбираем себе крутое название сайта. Промокод «GOFHYAN26» (я загуглил) даёт бешеную скидку на зону .com и домен обойдётся вам всего в 80 с копейками рублей.
Далее вам предложат заполнить свои персональные данные (я всегда вбиваю левые, кроме электронной почты) и оплатить домен. После этого потребуется подтвердить электронную почту и можно приступать к работе.
Теперь нам нужно купить хостинг.
Я пользуюсь ihc.ru. Регистрируемся и заказываем себе самый дешёвый хостинг за 159 рублей в месяц.
Далее снова заполняете регистрационные данные и производите оплату. Хостинг куплен.
Последним шагом к созданию будущего сайта является привязка домена к хостингу
Заходим в личный кабинет GoDaddy (если брали там) и открываем «Управление DNS». В поле поиска вводим свой домен и жмём Enter.
Опускаемся до блока «Серверы имен» и редактируем его значения на ns1.ihc.ru в первой строке и ns2.ihc.ru во второй. Сохраняем. Теперь должно выглядеть так:
Возвращаемся на ihc.ru в панель управления и добавляем сайт
Нас перекинет на форму, в которую и нужно вписать домен.
Жмём «Добавить» и всё. Готово. В течение пары часов (обычно минут 15) при переходе на ваш сайт вы будете видеть следующую картинку, которая означает, что всё работает правильно и можно приступать к загрузке файлов сайта на хостинг.
Копируем лендинги
Для того, чтобы скопировать лендинг, я использую утилиту wget.
- Качаем wget
- Смотрим обучающее видео (установка и работа с wget)
- Сохраняем себе строчку wget —page-requisites -r -l 10 http://имя-сайта.ру
- Пользуемся!
С помощью wget, можно спереть под чистую практически любой сайт, но нам он нужен только для копирования лендингов и последующего обмана facebook (об этом завтра).
Как вы помните, на оффере «Часы «Казахстан» отсутствует мобильный лендинг и сейчас мы будем эту ситуацию исправлять.
Идём в любую партнёрку, где есть в продаже часы (ad1 / m1-shop) и ищем там мобильный лендинг под другой оффер часов. Мне понравился один, копирую его 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 день) и снова пробуем оставить заявку. Результат:
Есть заявка. Лендинг готов к работе.
Домашнее задание.
- Купить домен (или домены) для выбранного вами оффера/офферов. Если товары в офферах являются «серыми» (запрещенными к рекламе), то лучше взять нейтральный домен типа BestShop/TopSale и т.п.
- Купить хостинг
- Скопировать лендинг или транзитную страницу (прокладку)
- Отредактировать код, вставить партнёрскую ссылку, залить файлы на хостинг, проверить работоспособность сайта
- Зайти на все аккаунты и проявить активность, как в д/з №4
- Создать на каждом из аккаунтов Страницу, тематика которой будет схожа с вашим оффером (например, ваш оффер – маска для лица, значит создаём паблик о здоровье кожи с нейтральным названием)
- Заливаем 5-10 тематических интересных постов на страницу
- В тему с домашним заданием скинуть ссылку на ваш лендинг и страницу в facebook