Перенос верстки на ISP Manager + налаштування Cloudflare, UTM-редиректів та GA4

Потрібен досвідчений веб-розробник для деплою готової HTML-верстки на сервер (ISP Manager 6) та точкової настройки оточення. Домен працює через Cloudflare. Критично важливо правильно налаштувати збереження трафіку зі старих посилань та трекінг конверсій.

Дано:

• Архів з новою версткою (HTML/CSS/JS).
• Доступ до панелі ISP Manager 6 + SSH
• Налаштуємо спільно Cloudflare
• Список коротких посилань для налаштування редиректів

Список завдань:

Деплой і базова настройка:

• Завантажити нову верстку на хостинг.
• Перевірити працездатність усіх внутрішніх посилань. (Додати посилання зі старого сайту, де їх немає.)
• Важливо: На сайті немає контактних форм. Кнопки "Підписатися" ведуть на зовнішній сайт. Поштовий сервер налаштовувати не потрібно.

Налаштування Cloudflare і SSL:

• Випустити на хостингу SSL сертифікат (Let's Encrypt).
• Налаштувати в Cloudflare режим шифрування SSL/TLS: Full.
• Налаштувати примусовий редирект всього трафіку з HTTP на HTTPS.

Серверні налаштування (Nginx / .htaccess):

• Clean URL: Прибрати .html з адресів сторінок (щоб відкривалося /page, а не /page.html).
• Обробка 404: При спробі відкрити неіснуючу сторінку робити 301 редирект на Головну сторінку (стандартну сторінку помилки 404 не показувати).

Система трекінгу джерел (UTM-редиректи):

• У нас є розміщені в мережі короткі посилання (виду site.com/yt, site.com/inst тощо).
• Потрібно налаштувати серверні 301 редиректи так, щоб вони вели на головну сторінку з додаванням UTM-мітки.
• Приклад: Запит site.com/yt -> Редирект на site.com/?utm_source=youtube&utm_medium=social.
• Список відповідностей "коротка посилання -> utm хвіст" я надам.

Оптимізація відео (Performance):

• Стиснути відеофайли (зараз вони важать 50-100 Мб) у web-формати (mp4/webm) без критичної втрати якості.
• Реалізувати Lazy Loading: відео не повинно завантажуватися при відкритті сторінки. Спочатку показується легка картинка-прев'ю (постер), завантаження самого відеофайлу починається тільки при кліку на Play.

Аналітика і Cookies:

• Встановити код Google Analytics 4 на всі сторінки.
• Налаштувати відстеження кліка по кнопках "Купити" як Подія (Event).
• В налаштуваннях GA4 помітити цю подію як Ключова подія (Key Event / Conversion), щоб я бачив конверсію по джерелам трафіку.
• Встановити скрипт Cookie Consent (вспливаюче повідомлення про куки), оскільки ми використовуємо аналітику.

Вимоги до виконавця:

• Розуміння конфігурації Nginx (rewrite rules).
• Досвід роботи з ISP Manager і Cloudflare.
• Вміння працювати з подіями в GA4.