Сайт
Готовые guide.html и guide.js: материал, тег GA4, CTA и перенос UTM. Публикуются отдельно в существующем проекте.
ОП.03 / ТЕМА 09 / МАТЕРИАЛЫ
От комментария до заявки
132 экранов: 96 исходных слайдов 354–449 и 36 промежуточных шагов.
Скачать комплект практики ↓Порядок практики · Задание для съёмки / Claude · Уточнения к исходнику
ManyChat
Тексты Post, Public Reply, Private Reply и ссылка с четырьмя UTM в messages.md.
Проверка
TESTS.md: маршрут от первого комментария до новой строки и диагностика.
Кадры · 72
Исходный номер — постоянная ссылка на слайд. Буква обозначает промежуточный шаг. Каждый PNG заменяет свою заглушку после node build.mjs.
| Экран / исходник | Файл | Что снять | Статус |
|---|---|---|---|
| 11 / 363a | 363a-shot.png | Редактор существующего сайта: guide.html и guide.js рядом с contacts.html; виден ID веб-потока. | Снят |
| 12 / 363b | 363b-shot.png | Vercel Deployment Ready с новым коммитом и опубликованная /guide.html без 404. | Снят |
| 13 / 363c | 363c-shot.png | guide.html и contacts.html: на обеих страницах одинаковые четыре UTM в адресной строке. | Снят |
| 16 / 366 | 366-shot.png | Instagram:
Account type and tools. Switch to professional account. | Снят |
| 17 / 366a | 366a-shot.png | Мастер переключения: выбран тип «Автор». | Снят |
| 18 / 366b | 366b-shot.png | Экран описания аккаунта автора с кнопкой Далее. | Снят |
| 19 / 366c | 366c-shot.png | Список категорий: выбран «Личный блог». | Снят |
| 20 / 366d | 366d-shot.png | Окно «Переключиться на профессиональный аккаунт?» с кнопкой Продолжить. | Снят |
| 21 / 366e | 366e-shot.png | Экран «Ваш аккаунт автора Instagram готов!». | Снят |
| 22 / 367 | 367-shot.png | Профиль учебного Instagram после переключения. | Снят |
| 26 / 370 | 370-shot.png | Страница регистрации ManyChat: Sign up, почта и вход через Google. | Снят |
| 27 / 370a | 370a-shot.png | ManyChat: экран выбора канала, первая плитка Instagram. | Снят |
| 28 / 371 | 371-shot.png | ManyChat: экран Connect Instagram с кнопкой Connect Via Meta и ссылкой See More Options. See More Options. | Снят |
| 29 / 371a | 371a-shot.png | Connect Instagram: раскрыты варианты Connect Via Instagram и Meta Business Suite. | Снят |
| 30 / 372 | 372-shot.png | Окно Instagram: «Manychat-IG запрашивает доступ к tvoya_sreda_live». | Снят |
| 32 / 373a | 373a-shot.png | Окно разрешений Instagram для Manychat-IG. | Снят |
| 33 / 373b | 373b-shot.png | ManyChat: «Your Instagram is connected!» и первый вопрос анкеты. | Снят |
| 34 / 373c | 373c-shot.png | Экран тарифов: Free и кнопка Continue with Free. | Снят |
| 35 / 373d | 373d-shot.png | ManyChat Home после регистрации. | Снят |
| 36 / 374 | 374-shot.png | Instagram → Настройки → Приложения и сайты: Manychat-IG в активных. | Снят |
| 37 / 375 | 375-shot.png | ManyChat Settings → Instagram с подключённым аккаунтом. | Снят |
| 38 / 376 | 376-shot.png | Instagram: открыто меню Создать с пунктом Публикация. | Снят |
| 39 / 376b | 376b-shot.png | Окно создания публикации. | Снят |
| 40 / 376c | 376c-shot.png | Редактор: картинка развёрнута целиком. | Снят |
| 41 / 376d | 376d-shot.png | Экран «Новая публикация»: введена подпись с ГАЙД. | Снят |
| 42 / 376a | 376a-shot.png | Опубликованный учебный Post/Reel: подпись с ГАЙД, комментарии доступны; сохранить ссылку. | Снят |
| 45 / 379 | 379-shot.png | ManyChat Automation. ManyChat сейчас поддерживает именно такой путь для создания comment-trigger flow. | Снят |
| 46 / 379a | 379a-shot.png | Меню Start From Scratch: пункт Start from a blank canvas. | Снят |
| 47 / 380 | 380-shot.png | Пустой Flow Builder. | Снят |
| 48 / 381 | 381-shot.png | Окно выбора trigger. User comments on your Post or Reel. | Снят |
| 49 / 382 | 382-shot.png | Экран выбора типа публикации. | Снят |
| 51 / 384 | 384-shot.png | ManyChat со списком Instagram Posts/Reels. | Снят |
| 52 / 385 | 385-shot.png | Настройка keywords. | Снят |
| 54 / 387 | 387-shot.png | Настройка Public Reply. | Снят |
| 56 / 389 | 389-shot.png | Trigger block после сохранения. | Снят |
| 57 / 389a | 389a-shot.png | Окно Going to leave without saving? с кнопками Keep Editing и Leave. | Снят |
| 60 / 392 | 392-shot.png | Добавление Send Message. | Снят |
| 61 / 393 | 393-shot.png | Message Editor. | Снят |
| 63 / 395 | 395-shot.png | Message block → Button. | Снят |
| 64 / 395a | 395a-shot.png | Edit Button: выбрано действие Open website, поле Website URL пустое. | Снят |
| 71 / 402 | 402-shot.png | Полный URL материала с четырьмя UTM в редакторе, без сокращателя ссылок. | Снят |
| 72 / 403 | 403-shot.png | Настройка кнопки в ManyChat. Полный URL. | Снят |
| 73 / 404 | 404-shot.png | Flow Builder целиком. | Снят |
| 75 / 405b | 405b-shot.png | Поле имени automation в режиме редактирования. | Снят |
| 76 / 405a | 405a-shot.png | Flow Builder с названием IG · Backend Guide · Reel 01 и настроенной схемой. | Снят |
| 77 / 406 | 406-shot.png | Кнопка Preview. | Снят |
| 79 / 408 | 408-shot.png | Set Live. ManyChat использует эти действия для публикации текущего Flow. | Снят |
| 80 / 408a | 408a-shot.png | GA4: правильный веб-поток и Form interactions в Enhanced measurement. | Снят |
| 82 / 410 | 410-shot.png | Комментарий под Reel. | Снят |
| 83 / 411 | 411-shot.png | Instagram Post/Reel с комментарием и reply. | Снят |
| 84 / 412 | 412-shot.png | Instagram Direct. | Снят |
| 85 / 412a | 412a-shot.png | Запрос на переписку: текст Private Reply и кнопки Заблокировать, Удалить, Accept. | Снят |
| 86 / 412b | 412b-shot.png | Окно выбора папки: Основные, Общие, Отмена. | Снят |
| 87 / 412c | 412c-shot.png | Переписка после принятия запроса. | Снят |
| 88 / 413 | 413-shot.png | DM → кнопка. | Снят |
| 89 / 414 | 414-shot.png | Браузер с UTM URL. | Снят |
| 90 / 415 | 415-shot.png | GA4 Realtime. | Снят |
| 92 / 416b | 416b-shot.png | Tag Assistant: подключён домен ga4-analytics-lab-ivanov.vercel.app, найден тег G-2CNN55NJF7. | Снят |
| 93 / 416a | 416a-shot.png | DebugView: page_view → page_location с UTM. Позже отдельный кадр Traffic acquisition с Session source / medium. | Снят |
| 96 / 418a | 418a-shot.png | Страница материала с CTA и открывшаяся форма с сохранёнными UTM. | Снят |
| 97 / 419 | 419-shot.png | Заполненная форма. | Снят |
| 98 / 419a | 419a-shot.png | Форма после отправки с request_id. | Снят |
| 99 / 420 | 420-shot.png | GA4 с generate_lead. | Снят |
| 100 / 421 | 421-shot.png | Новая строка Google Sheets. | Снят |
| 101 / 421a | 421a-shot.png | Одна тестовая строка Sheets: request_id, время, backend, new и три UTM; без чужих персональных данных. | Снят |
| 102 / 422 | 422-shot.png | Google Sheets с выделенными UTM. | Снят |
| 109 / 428b | 428b-shot.png | Черновик ветвления: первое сообщение с кнопками Backend, Frontend, Analytics. | Снят |
| 110 / 428a | 428a-shot.png | Дополнительный черновик: три обычные кнопки первого DM ведут к трём сообщениям со ссылками. | Снят |
| 113 / 430a | 430a-shot.png | Preview дополнительного сценария: выбранная ветка, её сообщение и соответствующий UTM URL. | Снят |
| 118 / 435 | 435-shot.png | ManyChat → выбранный Specific Post/Reel. | Снят |
| 119 / 436 | 436-shot.png | Automation status. | Снят |
| 120 / 437 | 437-shot.png | Settings → Instagram. | Снят |
Официальная документация
ManyChat: комментарии и ограничения Private Reply