AI
AI Marketing Community
Вступить бесплатно
Главная/Блог/Веб-кодинг
Веб-кодинг · 5 мин

Claude Code для маркетолога: лендинг, UTM и проверка формы

Начните с одного изменения в тестовой копии лендинга. Подготовим ссылку для рассылки, проверим отправку формы и сверим короткий отчёт.

Опишите задачу в терминах страницы и результата

В учебной копии есть страница консультации, кнопка «Записаться» ведёт к форме с одним обязательным полем email. Маркетолог хочет промаркировать переход из письма и убедиться, что мобильный посетитель видит сообщение после отправки. Передайте Claude Code путь к тестовой папке и список разрешённых файлов. Запрос может выглядеть так: «Измени только test/index.html. Сохрани кнопку и поле email. Для формы добавь локальный тестовый обработчик, который показывает подтверждение. Запиши, какие файлы изменились, и как проверить сценарий».

Не давайте в задаче адрес рабочей CRM и токен. Для первой проверки достаточно страницы на локальном сервере и учебного email. Попросите вывести план, затем проверить diff. В отчёте к изменению отделите проверку в браузере от доставки заявки в рабочую систему. Сообщение в интерфейсе показывает, что сработал тестовый обработчик. Доставку на рабочий адрес нужно проверить по отдельному событию в системе приёма.

Соберите ссылку и проверьте форму

Базовая ссылка в примере — https://example.org/demo?view=short. Для письма задайте utm_source=newsletter, utm_medium=email и utm_campaign=november-demo. Проверьте через парсер URL, что старый параметр view сохранился и что есть ровно по одному значению каждой метки. Итоговая строка из локального прогона: https://example.org/demo?view=short&utm_source=newsletter&utm_medium=email&utm_campaign=november-demo. Если у ссылки есть якорь, параметры должны стоять перед ним. Проверку можно повторить через URL и searchParams в браузере.

Откройте тестовую страницу на ширине 390 px. Убедитесь, что документ не прокручивается вправо. Нажмите кнопку перехода к форме и проверьте, что курсор можно установить в поле с клавиатуры. Пустое поле и строка bad должны остановить отправку. На адресе demo@example.org в локальном сценарии ожидается подтверждение. Откройте панель сетевых запросов и убедитесь, что тестовая страница не обращалась к рабочей CRM.

В локальном браузере ширина документа составила 390 px при окне 390 px. Пустая строка и bad оставили сообщение пустым, demo@example.org показал «Заявка принята». Локальная копия отрабатывает форму в браузере без внешних запросов.

Сверьте короткий отчёт с исходной таблицей

Возьмите таблицу с каналом, визитами и заявками. В учебных строках у письма 80 визитов и четыре заявки, у поиска 120 визитов и шесть заявок. Попросите Claude Code сохранить формулы и выписать строки с нулевым числом визитов отдельно. В контрольном расчёте конверсия обоих каналов равна 5%, а суммарная — 10 из 200, тоже 5%. Если аналитика собирает переходы по меткам, проверьте, что канал письма совпадает с выбранной схемой группировки.

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

Команды и порядок проверки изменений описаны в руководстве Claude Code.

От первого сайта до монетизации

В Telegram Дмитрий пишет о веб-кодинге, автоматизации и о том, как монетизировать сайты через партнёрки.

Подписаться в Telegram

Читайте дальше