И/ТОП.03 · ТЕМА 09Комментарий → DM → сайт → заявка
01 / Зачем нужна автоматизацияИСХОДНИК 354 · 1 / 132

Мы уже умеем работать с заявкой после её появления

  1. 01UTM → сайт
  2. 02Форма → Apps Script
  3. 03Google Sheets
  4. 04Очистка в Google Таблицах

Уже умеем

GA4 фиксирует поведение; Sheets хранит заявку. Тема 8 научила очищать данные в Google Таблицах.

Новый вопрос

Как привести пользователя с внешней площадки к материалу и форме?

01 / Зачем нужна автоматизацияИСХОДНИК 355 · 2 / 132

Добавляем Instagram

Теперь рассмотрим другую ситуацию.

Человек не ищет сайт.

Он увидел Reel в Instagram.

Например:

Хотите получить чек-лист по backend-разработке?
Напишите в комментариях ГАЙД.

После комментария система должна сама продолжить взаимодействие.

01 / Зачем нужна автоматизацияИСХОДНИК 356 · 3 / 132

Ручной процесс

  1. 01Пользователь оставил комментарий
  2. 02мы увидели комментарий
  3. 03открыли профиль
  4. 04написали DM
  5. 05отправили ссылку
  6. 06повторили для следующего человека

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

01 / Зачем нужна автоматизацияИСХОДНИК 357 · 4 / 132

Автоворонка

  1. 01Комментарий
  2. 02TRIGGER
  3. 03автоматический DM
  4. 04кнопка
  5. 05сайт
  6. 06события
  7. 07заявка

Процесс запускает комментарий пользователя.

01 / Зачем нужна автоматизацияИСХОДНИК 358 · 5 / 132

Определение автоворонки

Автоворонка — последовательность автоматических действий, которая запускается после определённого события пользователя.

В ней обычно есть:

text
Trigger
Condition
Action
Transition
Result
01 / Зачем нужна автоматизацияИСХОДНИК 359 · 6 / 132

Одна конкретная воронка

  1. 01Учебный Reel
  2. 02Комментарий ГАЙД
  3. 03Private DM
  4. 04Получить материал
  5. 05guide.html
01 / Зачем нужна автоматизацияИСХОДНИК 360 · 7 / 132

ManyChat — промежуточный слой автоматизации

  1. 01Instagram
  2. 02ManyChat
  3. 03проверка trigger
  4. 04сообщение
  5. 05ссылка

ManyChat получает разрешённые события Instagram и выполняет настроенную automation.

01 / Зачем нужна автоматизацияИСХОДНИК 361 · 8 / 132

Визуальный конструктор вместо своего сервера

Вместо собственного:

text
Meta API
Webhook
Server
Database
Message API

используем визуальный конструктор.

Порядок действий тот же, что в коде:

  1. 01EVENT
  2. 02CONDITION
  3. 03ACTION
01 / Зачем нужна автоматизацияИСХОДНИК 362 · 9 / 132

Что скрывает ManyChat

Позже в курсе появятся:

text
HTTP API
Webhook
JSON
n8n

И мы вернёмся к этому примеру.

Пока ManyChat скрывает от нас инфраструктурную часть.

02 / Подготовка стендаИСХОДНИК 363 · 10 / 132

Подготовка стенда

02 / Подготовка стендаДОПОЛНЕНИЕ 363a · 11 / 132

Сначала подготовьте обещанный материал

Скачать комплект ↓
  • Распакуйте архив. В files/site лежат guide.html и guide.js.
  • Добавьте оба файла в корень существующего репозитория сайта, рядом с contacts.html.
  • Откройте guide.html в редакторе: замените G-2CNN55NJF7 на ID своего веб-потока, если используете другой проект.
363a-shot.png
02 / Подготовка стендаДОПОЛНЕНИЕ 363b · 12 / 132

Опубликуйте страницу в существующем проекте

В РЕПОЗИТОРИИ УЧЕБНОГО САЙТА
git add guide.html guide.js
git commit -m "Add backend guide landing page"
git push
  • В Vercel откройте связанный проект → Deployments. Дождитесь Ready для нового коммита.
  • Откройте Production URL + /guide.html. Проверьте материал и переход к /contacts.html.
  • Если публикации нет или открывается 404, сначала исправьте путь. ManyChat пока не включайте.
363b-shot.png
02 / Подготовка стендаДОПОЛНЕНИЕ 363c · 13 / 132

Проверьте метки на обоих страницах

ТЕСТОВЫЙ URL
https://ga4-analytics-lab-ivanov.vercel.app/guide.html?utm_source=instagram&utm_medium=social&utm_campaign=backend_guide&utm_content=reel01
  • Откройте ссылку; нажмите «Перейти к заявке».
  • На /contacts.html должны остаться все четыре UTM в адресной строке.
  • guide.js переносит только четыре разрешённые UTM. Обычные ссылки сайта сами этого не делают.
363c-shot.png
02 / Подготовка стендаИСХОДНИК 364 · 14 / 132

Нужен Professional Account

Для подключения ManyChat Instagram должен быть:

text
Creator

или:

text
Business

Обычный Personal account подключить нельзя.

02 / Подготовка стендаИСХОДНИК 365 · 15 / 132

Для нашего стенда подойдут оба

Маркетинговая разница между типами для практики значения не имеет.

Нужно получить Professional Account, который поддерживает подключение внешних инструментов автоматизации.

Для учебного аккаунта можно использовать Creator.

02 / Подготовка стендаИСХОДНИК 366 · 16 / 132

Шаг 1. Instagram → Professional Account

НастройкиТип аккаунта и инструментыПереключение на профессиональный аккаунт
  • Так путь выглядит в веб-версии. В приложении: Профиль → Меню → Тип аккаунта и инструменты.
  • Мастер задаст три вопроса: тип аккаунта, категорию и подтверждение. Каждый экран разобран дальше.
366-shot.png · Switch to professional account.
02 / Подготовка стендаДОПОЛНЕНИЕ 366a · 17 / 132

Выберите тип «Автор»

  • Мастер спрашивает: «Что из перечисленного описывает вас лучше всего?»
  • Выберите Автор (Creator) и нажмите Далее. Тип Компания тоже подходит, но для учебного профиля достаточно автора.
366a-shot.png
02 / Подготовка стендаДОПОЛНЕНИЕ 366b · 18 / 132

Экран возможностей аккаунта автора

  • Instagram перечисляет, что даёт профессиональный аккаунт: управление профилем, папку «Входящие» для запросов, статистику.
  • Нажмите Далее.
366b-shot.png
02 / Подготовка стендаДОПОЛНЕНИЕ 366c · 19 / 132

Выберите категорию

  • Выберите категорию, например Личный блог.
  • Флажок Показывать категорию в профиле можно снять: на работу ManyChat он не влияет.
  • Нажмите Готово.
366c-shot.png
02 / Подготовка стендаДОПОЛНЕНИЕ 366d · 20 / 132

Подтвердите переключение

  • Instagram предупреждает: профиль станет общедоступным, запросы на подписку одобрятся автоматически.
  • Для учебного профиля это допустимо. Нажмите Продолжить.
366d-shot.png
02 / Подготовка стендаДОПОЛНЕНИЕ 366e · 21 / 132

Аккаунт автора готов

  • Появится сообщение «Ваш аккаунт автора Instagram готов!».
  • Нажмите Готово и откройте свой профиль.
366e-shot.png
02 / Подготовка стендаИСХОДНИК 367 · 22 / 132

Шаг 2. Professional dashboard

После переключения откройте свой профиль.

В левом меню появился значок статистики с подсказкой «Изучайте статистику и управляйте рекламой здесь». В настройках появился раздел Статистика и инструменты → Профессиональный аккаунт.

По этим признакам видно, что аккаунт стал профессиональным.

367-shot.png
02 / Подготовка стендаИСХОДНИК 368 · 23 / 132

Учебный стенд должен быть отдельным

Для занятия лучше использовать специальный аккаунт.

Например:

text
bytecamp_lab

или другой учебный профиль.

Личные аккаунты студентов к внешним сервисам не подключаем.

02 / Подготовка стендаИСХОДНИК 369 · 24 / 132

Free ManyChat — для лаборатории

25

Active Contacts за месяц

4

Live Automations

1

Пользователь workspace

02 / Подготовка стендаДОПОЛНЕНИЕ 369a · 25 / 132

Где посмотреть свой тариф

  • Тарифы ManyChat показывает в конце регистрации, после подключения Instagram (экран 373c).
  • Позже тариф и лимиты открываются в Settings → Billing → Subscriptions.
  • Внизу левого меню ManyChat виден счётчик Free contacts limit, например 0/25.
02 / Подготовка стендаИСХОДНИК 370 · 26 / 132

Шаг 3. Открыть ManyChat

app.manychat.comSign upGoogle или почта
  • Зарегистрируйтесь по почте (придёт ссылка для входа) или кнопкой Google.
  • Если появится окно о cookie, выберите Reject all.
370-shot.png
02 / Подготовка стендаДОПОЛНЕНИЕ 370a · 27 / 132

Выберите канал Instagram

  • После регистрации ManyChat спрашивает: «Where would you like to start?».
  • Нажмите Instagram. Остальные каналы можно подключить позже.
370a-shot.png
02 / Подготовка стендаИСХОДНИК 371 · 28 / 132

Шаг 4. Подключить Instagram

InstagramConnect InstagramSee More Options
  • Новый аккаунт ManyChat подключает Instagram прямо в мастере регистрации.
  • Если аккаунт ManyChat уже был: Settings → Instagram → Connect.
371-shot.png · See More Options.
02 / Подготовка стендаДОПОЛНЕНИЕ 371a · 29 / 132

Выберите способ подключения

  • Нажмите See More Options: под кнопкой Connect Via Meta появятся ещё два способа.
  • Connect Via Instagram подключает профессиональный аккаунт без страницы Facebook. Его и выбираем для учебного профиля.
  • Connect Via Meta и Meta Business Suite нужны, если Instagram уже связан со страницей Facebook.
371a-shot.png
02 / Подготовка стендаИСХОДНИК 372 · 30 / 132

Шаг 5. Проверить профиль

Если в этом браузере уже выполнен вход в Instagram, отдельного выбора аккаунта не будет: сразу откроется окно разрешений. В его тексте указан профиль, к которому ManyChat получит доступ.

Если вход не выполнен, Instagram сначала попросит войти. Подключаем только:

text
учебный аккаунт

Проверьте имя профиля перед подтверждением.

372-shot.png
02 / Подготовка стендаИСХОДНИК 373 · 31 / 132

Зачем ManyChat нужны permissions

Автоматизация должна иметь возможность работать с:

  • комментариями
  • сообщениями
  • событиями Instagram
  • Без необходимых разрешений trigger не сможет реагировать на пользователя
02 / Подготовка стендаДОПОЛНЕНИЕ 373a · 32 / 132

Подтвердите доступ к учебному профилю

  • Проверьте имя профиля в строке «Manychat-IG запрашивает доступ к …».
  • Переключатели доступа к комментариям и сообщениям оставьте включёнными: без них Trigger и Private Reply не работают.
  • Нажмите Разрешить. Окно закроется, вы вернётесь в ManyChat.
373a-shot.png
02 / Подготовка стендаДОПОЛНЕНИЕ 373b · 33 / 132

Instagram подключён, короткая анкета

  • ManyChat пишет «Your Instagram is connected!» и задаёт три вопроса: для кого аккаунт, как он зарабатывает, какие сервисы используете.
  • Ответы влияют только на подсказки и шаблоны. Для практики подойдут For myself и I don't monetize my account; вопрос о сервисах можно пропустить кнопкой Next.
373b-shot.png
02 / Подготовка стендаДОПОЛНЕНИЕ 373c · 34 / 132

Выберите тариф Free

  • На последнем экране регистрации ManyChat показывает тарифы.
  • Нажмите Continue with Free. На этом экране видны лимиты Free: 25 активных контактов в месяц, до 4 активных автоматизаций, 1 пользователь.
373c-shot.png
02 / Подготовка стендаДОПОЛНЕНИЕ 373d · 35 / 132

Стартовая страница ManyChat

  • Откроется Home с готовыми шаблонами. Шаблоны не используем: схему соберём с нуля.
  • Если появится окно про смену платформы сообщений (Intercom → Braze), нажмите Maybe Later.
373d-shot.png
02 / Подготовка стендаИСХОДНИК 374 · 36 / 132

Если подключение не работает

НастройкиПриложения и сайтыАктивные
  • В веб-версии подключение видно здесь: Manychat-IG с датой авторизации.
  • Доступ к сообщениям настраивается в приложении: Настройки и действия → Сообщения и ответы на истории → Управление сообщениями → Подключённые инструменты.
374-shot.png
02 / Подготовка стендаИСХОДНИК 375 · 37 / 132

Шаг 6. Instagram Connected

Возвращаемся в ManyChat.

В разделе Instagram должен отображаться подключённый профиль.

Перед созданием automation убедитесь, что подключён именно нужный аккаунт.

375-shot.png
03 / Публикация и TriggerИСХОДНИК 376 · 38 / 132

Автоматизация должна на что-то реагировать

Создайте учебный Post или Reel.

Например:

Хотите получить чек-лист
«Как начать изучать backend»?
>
Напишите в комментариях:
>
ГАЙД

376-shot.png
03 / Публикация и TriggerДОПОЛНЕНИЕ 376b · 39 / 132

Загрузите изображение

  • В меню Создать выберите Публикация.
  • Откроется окно «Создание публикации». Нажмите Выбрать на компьютере и укажите учебную картинку.
376b-shot.png
03 / Публикация и TriggerДОПОЛНЕНИЕ 376c · 40 / 132

Покажите изображение целиком

  • Instagram по умолчанию обрезает картинку. Нажмите значок Расширить в левом нижнем углу, чтобы картинка вошла целиком.
  • Нажмите Далее на экранах обрезки и фильтров.
376c-shot.png
03 / Публикация и TriggerДОПОЛНЕНИЕ 376d · 41 / 132

Добавьте подпись

ПОДПИСЬ
Хотите чек-лист «Как начать изучать backend»? Напишите ГАЙД в комментариях — получите ссылку в Direct.
  • Вставьте подпись в поле рядом с аватаркой.
  • Нажмите Поделиться.
376d-shot.png
03 / Публикация и TriggerДОПОЛНЕНИЕ 376a · 42 / 132

Найдите опубликованный пост

  • Откройте профиль и нажмите на новую публикацию.
  • Проверьте подпись и поле «Добавьте комментарий…»: комментарии открыты.
  • Скопируйте адрес публикации из адресной строки и сохраните для отчёта.
376a-shot.png
03 / Публикация и TriggerИСХОДНИК 377 · 43 / 132

Ключевое слово отбирает комментарии

Под Reel могут написать:

text
круто
спасибо
🔥
где снимали?
гайд

Наша automation должна реагировать только на намеренное действие:

text
ГАЙД
03 / Публикация и TriggerИСХОДНИК 378 · 44 / 132

Термин Trigger

Trigger — событие, запускающее automation.

В нашем случае:

text
User comments on Post or Reel

с условием:

text
comment contains "ГАЙД"
03 / Публикация и TriggerИСХОДНИК 379 · 45 / 132

Шаг 7. Создать новую automation

AutomationNew AutomationStart From ScratchStart from a blank canvas
379-shot.png
03 / Публикация и TriggerДОПОЛНЕНИЕ 379a · 46 / 132

Start from a blank canvas

  • Нажмите Start From Scratch в правом верхнем углу окна шаблонов.
  • В меню выберите Start from a blank canvas. Пункты Post or Reel comment, Story reply и Direct message открывают мастер с готовым Trigger, их не используем.
379a-shot.png
03 / Публикация и TriggerИСХОДНИК 380 · 47 / 132

Шаг 8. Пустая схема

Откроется Flow Builder.

Пока он почти пустой.

Наша задача построить:

  1. 01Trigger
  2. 02Instagram Message
380-shot.png
03 / Публикация и TriggerИСХОДНИК 381 · 48 / 132

Шаг 9. New Trigger

+ New TriggerInstagramUser comments on your Post or Reel
381-shot.png · User comments on your Post or Reel.
03 / Публикация и TriggerИСХОДНИК 382 · 49 / 132

Шаг 10. Выбираем источник

ManyChat позволяет выбрать:

text
Specific post or reel
text
All posts or reels
text
Next post or reel

Для занятия используем:

Specific post or reel.

382-shot.png
03 / Публикация и TriggerИСХОДНИК 383 · 50 / 132

Не включаем автоматизацию на весь аккаунт

Для лаборатории важно изолировать эксперимент.

Только конкретный учебный Reel должен запускать нашу automation.

text
Обычные публикации
→ ничего

Учебный Reel
→ automation
03 / Публикация и TriggerИСХОДНИК 384 · 51 / 132

Шаг 11. Найти публикацию

В блоке Specific Post or Reel нажмите на миниатюру учебной публикации «Как начать изучать backend». Она выделится синей рамкой.

Нажмите Continue.

384-shot.png
03 / Публикация и TriggerИСХОДНИК 385 · 52 / 132

Шаг 12. Какой комментарий запускает процесс

KEYWORD
гайд
  • Шаг 2 из 3: оставьте Specific Keywords, нажмите + Keyword, введите слово и нажмите Enter.
  • ManyChat не различает регистр: ГАЙД, Гайд и гайд — одно слово.
  • Нажмите Continue.
385-shot.png
03 / Публикация и TriggerИСХОДНИК 386 · 53 / 132

Разные triggers решают разные задачи

ManyChat также позволяет реагировать на:

text
Any comment

Но тогда:

text
🔥
спасибо
класс
гайд

все будут запускать automation.

Для нашего сценария этот вариант не подходит.

03 / Публикация и TriggerИСХОДНИК 387 · 54 / 132

Шаг 13. Ответ под комментарием

PUBLIC REPLY · ТРИ ВАРИАНТА
Отправили в Direct 👌
Материал уже в сообщениях
Проверьте Direct — там ссылка на материал
  • Шаг 3 из 3: оставьте Yes, random multiple replies и замените три английских варианта своими.
  • Нажмите Save.
387-shot.png
03 / Публикация и TriggerИСХОДНИК 388 · 55 / 132

Несколько вариантов ответа

Вариант 1

Отправили в Direct 👌

Вариант 2

Материал уже в сообщениях

Вариант 3

Проверьте Direct — там ссылка на материал

03 / Публикация и TriggerИСХОДНИК 389 · 56 / 132

Шаг 14. Save

После настройки:

  • публикации
  • keywords

public replies

нажмите:

Save

Trigger появится в Flow Builder.

389-shot.png
03 / Публикация и TriggerДОПОЛНЕНИЕ 389a · 57 / 132

Сохраняйте панель кнопкой Save

  • Если щёлкнуть по схеме, не нажав Save, ManyChat спросит «Going to leave without saving?».
  • Нажмите Keep Editing, затем Save внизу панели. Leave закроет панель без сохранения.
389a-shot.png
04 / Private Reply и UTMИСХОДНИК 390 · 58 / 132

Trigger только запускает процесс

Сейчас существует:

  1. 01COMMENT
  2. 02TRIGGER

Но после Trigger должно произойти действие.

Следующий блок:

text
Instagram Message
04 / Private Reply и UTMИСХОДНИК 391 · 59 / 132

Термин Action

Action — действие системы после наступления события.

В нашем случае:

text
Trigger:
comment "ГАЙД"

↓

text
Action:
send Instagram DM
04 / Private Reply и UTMИСХОДНИК 392 · 60 / 132

Шаг 15. Private Reply

Блок Instagram · Send MessageSendAs private reply
392-shot.png
04 / Private Reply и UTMИСХОДНИК 393 · 61 / 132

Шаг 16. Opening DM

ТЕКСТ PRIVATE REPLY
Привет! Вот чек-лист «Как начать изучать backend».
Нажмите «Получить материал», чтобы открыть его на сайте.
393-shot.png
04 / Private Reply и UTMИСХОДНИК 394 · 62 / 132

Ограничения первого Private Reply

Базовый сценарий

Один Private Reply с кнопкой Open Website. Нажатие открывает сайт.

Продолжение диалога

Open Website не создаёт opt-in и не открывает 24-часовое окно. Для следующих DM нужен ответ, обычная кнопка или quick reply.

04 / Private Reply и UTMИСХОДНИК 395 · 63 / 132

Шаг 17. Основное действие пользователя

В сообщение добавьте кнопку:

text
Получить материал

Это наш CTA внутри Instagram.

395-shot.png
04 / Private Reply и UTMДОПОЛНЕНИЕ 395a · 64 / 132

Выберите Open website

  • В окне Edit Button ниже названия перечислены действия кнопки.
  • Нажмите Open website: появится поле Website URL.
  • Instagram, AI Step и Perform Actions продолжают диалог внутри Instagram; Condition, Randomizer и Smart Delay на Free недоступны.
395a-shot.png
04 / Private Reply и UTMИСХОДНИК 396 · 65 / 132

Ссылка без UTM

Можно отправить:

text
https://student.vercel.app/

Но тогда в GA4 мы потеряем часть контекста кампании.

Нам нужно понимать:

пользователь пришёл именно из этой автоворонки.

04 / Private Reply и UTMИСХОДНИК 397 · 66 / 132

Четыре метки ссылки

Используем:

text
utm_source=instagram
utm_medium=social
utm_campaign=backend_guide
utm_content=reel01

Каждая метка описывает одну сторону перехода: источник, тип канала, кампанию и конкретную публикацию.

04 / Private Reply и UTMИСХОДНИК 398 · 67 / 132

Откуда пришёл пользователь?

text
utm_source=instagram

Источник:

text
Instagram
04 / Private Reply и UTMИСХОДНИК 399 · 68 / 132

Какой это тип канала?

text
utm_medium=social

В нашем учебном соглашении Instagram относится к social traffic.

04 / Private Reply и UTMИСХОДНИК 400 · 69 / 132

Какая воронка привела пользователя?

text
utm_campaign=backend_guide

Это позволяет позже сравнить кампании:

text
backend_guide
frontend_guide
analytics_guide
04 / Private Reply и UTMИСХОДНИК 401 · 70 / 132

Какой конкретно контент?

text
utm_content=reel01

Если сделаем второй Reel:

text
utm_content=reel02

можно будет сравнивать результат конкретных публикаций.

04 / Private Reply и UTMИСХОДНИК 402 · 71 / 132

Шаг 18. Собираем URL

ССЫЛКА НА ОПУБЛИКОВАННЫЙ МАТЕРИАЛ
https://ga4-analytics-lab-ivanov.vercel.app/guide.html?utm_source=instagram&utm_medium=social&utm_campaign=backend_guide&utm_content=reel01
402-shot.png
04 / Private Reply и UTMИСХОДНИК 403 · 72 / 132

Шаг 19. Button → Open Website

Получить материалOpen websiteWebsite URL
ВСТАВИТЬ ПОЛНЫЙ URL
https://ga4-analytics-lab-ivanov.vercel.app/guide.html?utm_source=instagram&utm_medium=social&utm_campaign=backend_guide&utm_content=reel01
  • Нажмите Done.
  • На Free ManyChat предупреждает: перед сайтом пользователь 2 секунды видит страницу переадресации.
403-shot.png · Полный URL.
04 / Private Reply и UTMИСХОДНИК 404 · 73 / 132

Что получилось

  1. 01Instagram Comment «ГАЙД»
  2. 02Trigger
  3. 03Private Reply
  4. 04Button «Получить материал»
  5. 05Vercel + UTM
404-shot.png
04 / Private Reply и UTMИСХОДНИК 405 · 74 / 132

Шаг 20. Naming

Назовите automation:

text
IG — Backend Guide — Reel 01

Плохо:

text
Automation 1
new flow
test123
04 / Private Reply и UTMДОПОЛНЕНИЕ 405b · 75 / 132

Переименуйте automation

  • Нажмите на значок карандаша рядом с Untitled в верхней строке.
  • Выделите старое имя, введите новое и нажмите Enter.
405b-shot.png
04 / Private Reply и UTMДОПОЛНЕНИЕ 405a · 76 / 132

Сохраните понятное имя сценария

ИМЯ AUTOMATION
IG · Backend Guide · Reel 01
  • Измените название в верхней части редактора.
  • Сверьте Specific Post, keyword, Public Reply и единственный Private Reply.
  • Кнопка ведёт на опубликованный guide.html с четырьмя UTM.
405a-shot.png
05 / Публикация и тестИСХОДНИК 406 · 77 / 132

Шаг 21. Проверяем до публикации

Используйте:

Preview

ManyChat позволяет посмотреть сценарий в Builder или непосредственно через Instagram preview.

406-shot.png
05 / Публикация и тестИСХОДНИК 407 · 78 / 132

Что проверить в Preview

Проверяем:

  • сообщение
  • текст кнопки
  • правильность ссылки
  • UTM
  • переход на нужную страницу
  • отсутствие опечаток
05 / Публикация и тестИСХОДНИК 408 · 79 / 132

Шаг 22. Включаем automation

Когда схема готова:

Set Live

Если редактируется уже опубликованная automation:

Update

408-shot.png
05 / Публикация и тестДОПОЛНЕНИЕ 408a · 80 / 132

Проверьте измерение формы до полного теста

GA4AdminData streamsВеб-потокEnhanced measurement
  • Проверьте Form interactions, если в следующем опыте ожидаете form_start.
  • form_start — первый контакт с формой в сеансе; его повторное появление не гарантировано.
  • Для DebugView подключите сайт через Tag Assistant, как в теме 6. Без режима отладки используйте Realtime.
408a-shot.png
05 / Публикация и тестИСХОДНИК 409 · 81 / 132

Тест со второго аккаунта

Используйте отдельный тестовый Instagram-аккаунт: он играет роль обычного пользователя.

Войдите в него на телефоне или в другом браузере. В одном браузере Instagram держит один активный аккаунт: вход во второй аккаунт в соседней вкладке переключает и остальные вкладки.

Откройте учебный Reel.

05 / Публикация и тестИСХОДНИК 410 · 82 / 132

Шаг 23. Напишите ключевое слово

Под Reel:

text
ГАЙД

Отправьте комментарий.

Не открывайте ManyChat сразу.

Сначала наблюдаем поведение со стороны пользователя.

410-shot.png
05 / Публикация и тестИСХОДНИК 411 · 83 / 132

Шаг 24. Проверяем комментарий

  • Обновите страницу публикации.
  • Нажмите Смотреть все ответы (1) под комментарием тестового аккаунта.
411-shot.png
05 / Публикация и тестИСХОДНИК 412 · 84 / 132

Шаг 25. Проверяем Direct

Откройте Direct тестового аккаунта. Если он не подписан на учебный профиль, сообщение придёт в Запросы на переписку, а не во входящие.

Откройте запрос и нажмите Accept. Instagram спросит папку: Основные или Общие.

Кнопку из сообщения показывает только приложение Instagram, в веб-версии виден один текст. Проверьте в приложении кнопку:

text
Получить материал
412-shot.png
05 / Публикация и тестДОПОЛНЕНИЕ 412a · 85 / 132

Откройте запрос

  • Нажмите на запрос от учебного профиля.
  • Над сообщением Instagram пишет, что профиль написал вам из-за комментария к публикации.
  • В веб-версии кнопка «Получить материал» не отображается: её видно только в приложении Instagram.
412a-shot.png
05 / Публикация и тестДОПОЛНЕНИЕ 412b · 86 / 132

Примите запрос

  • Нажмите Accept.
  • Instagram спросит, в какую папку переместить переписку. Выберите Общие или Основные.
412b-shot.png
05 / Публикация и тестДОПОЛНЕНИЕ 412c · 87 / 132

Переписка перенесена

  • Запрос исчез из списка, переписка открыта как обычный чат.
  • Теперь учебный профиль может отвечать без ограничений запроса.
412c-shot.png
05 / Публикация и тестИСХОДНИК 413 · 88 / 132

Шаг 26. Получить материал

В приложении Instagram нажмите:

text
Получить материал

На тарифе Free сначала на 2 секунды откроется страница переадресации ManyChat, затем наш Vercel-сайт.

413-shot.png
05 / Публикация и тестИСХОДНИК 414 · 89 / 132

UTM в адресной строке

В адресной строке должны сохраниться:

text
utm_source=instagram
utm_medium=social
utm_campaign=backend_guide
utm_content=reel01
414-shot.png
06 / GA4 и реальная заявкаИСХОДНИК 415 · 90 / 132

Шаг 27. GA4 Realtime

GA4ReportsRealtime
415-shot.png
06 / GA4 и реальная заявкаИСХОДНИК 416 · 91 / 132

Что хотим увидеть

В URL

instagram / social / backend_guide / reel01

В GA4

Различаем источник первого пользователя и источник сеанса. Проверяем scope выбранного отчёта.

06 / GA4 и реальная заявкаДОПОЛНЕНИЕ 416b · 92 / 132

Подключите Tag Assistant

tagassistant.google.comДобавить доменURL материала с UTMПодключить
  • Вставьте полный адрес guide.html с четырьмя метками и нажмите Подключить.
  • Сайт откроется в новом окне с параметром gtm_debug. В Tag Assistant появится «Подключен» и найденный тег G-2CNN55NJF7.
  • Перезагрузите открывшуюся страницу и прокрутите её: события с флагом debug_mode уйдут в DebugView.
416b-shot.png
06 / GA4 и реальная заявкаДОПОЛНЕНИЕ 416a · 93 / 132

Отдельно проверяем адрес и атрибуцию

GA4АдминистраторDebugViewpage_viewpage_location
  • Через минуту после перезагрузки в ленте DebugView появятся page_view, scroll и user_engagement.
  • Нажмите page_view и раскройте параметр page_location: в адресе видны четыре UTM.
  • Источник сеанса проверяйте позже в Reports → Acquisition → Traffic acquisition: Session source / medium и Session campaign.
416a-shot.png
06 / GA4 и реальная заявкаИСХОДНИК 417 · 94 / 132

Переход — только один этап

Сейчас произошло:

  1. 01Instagram
  2. 02DM
  3. 03click
  4. 04website

Но бизнес-результата пока нет.

Пользователь должен продолжить путь.

06 / GA4 и реальная заявкаИСХОДНИК 418 · 95 / 132

Шаг 28. Продолжаем путь

  1. 01page_view материала
  2. 02cta_click на сайте
  3. 03form_start при взаимодействии
  4. 04generate_lead при submit
06 / GA4 и реальная заявкаДОПОЛНЕНИЕ 418a · 96 / 132

С материала переходим к форме

guide.htmlПерейти к заявкеcontacts.html
  • Нажмите кнопку на странице материала: это событие cta_click на сайте.
  • Сверьте UTM в URL формы. Введите тестовые значения.
  • Нажатие «Получить материал» внутри Instagram не является нашим сайтом и не отправляет его cta_click.
418a-shot.png
06 / GA4 и реальная заявкаИСХОДНИК 419 · 97 / 132

Шаг 29. Завершаем путь пользователя

ТОЛЬКО УЧЕБНЫЕ ДАННЫЕ
Имя: Тест Инстаграм
Email: student9@example.com
Направление: Backend
  • Заполните поля и нажмите Отправить заявку один раз.
  • Ожидаем событие GA4 и отдельно новую строку в leads.
419-shot.png
06 / GA4 и реальная заявкаДОПОЛНЕНИЕ 419a · 98 / 132

Сообщение об отправке

  • Под кнопкой появится «Заявка отправлена. Проверьте строку в таблице по request_id: REQ-…».
  • Скопируйте request_id: по нему ищем строку в leads.
419a-shot.png
06 / GA4 и реальная заявкаИСХОДНИК 420 · 99 / 132

Шаг 30. generate_lead

GA4Realtime / DebugViewgenerate_lead
420-shot.png
06 / GA4 и реальная заявкаИСХОДНИК 421 · 100 / 132

Шаг 31. Реальная заявка

В leads должна появиться новая запись.

Особенно проверьте:

text
request_id
created_at
utm_source
utm_medium
utm_campaign
status
421-shot.png
06 / GA4 и реальная заявкаДОПОЛНЕНИЕ 421a · 101 / 132

Свяжите проверку с конкретной заявкой

  • Запишите время теста и request_id новой строки.
  • Сверьте имя учебного теста, направление backend, статус new и три UTM.
  • Если событие GA4 есть, а строки нет, проверьте Network формы, адрес Apps Script /exec и журнал Executions.
421a-shot.png
06 / GA4 и реальная заявкаИСХОДНИК 422 · 102 / 132

UTM в строке заявки

ОЖИДАЕМ В СТРОКЕ LEADS
utm_source   = instagram
utm_medium   = social
utm_campaign = backend_guide
422-shot.png
07 / Архитектура и ветвлениеИСХОДНИК 423 · 103 / 132

От комментария до строки

  1. 01Instagram · комментарий
  2. 02ManyChat · private DM
  3. 03Кнопка с UTM
  4. 04Vercel · материал

GA4

События поведения на сайте и контекст перехода.

Форма → Apps Script → Sheets

Запись заявки и её UTM; получение строки проверяем отдельно.

07 / Архитектура и ветвлениеИСХОДНИК 424 · 104 / 132

Одна воронка — несколько систем

Instagram знает:

text
comment
DM interaction

ManyChat знает:

text
automation
interaction

GA4 знает:

text
website behaviour
events
traffic source

Google Sheets знает:

text
actual lead
request_id
status
07 / Архитектура и ветвлениеИСХОДНИК 425 · 105 / 132

Данные в разных системах

Информация распределена между системами.

Поэтому в реальных информационных системах приходится решать задачи:

text
integration
mapping
identifiers
analytics
data reconciliation
07 / Архитектура и ветвлениеИСХОДНИК 426 · 106 / 132

Шаблон Trigger → Condition → Action

Trigger

Появился комментарий к выбранной публикации.

Condition

Комментарий содержит ГАЙД.

Action

Система отправляет Private DM.

Переход пользователя

Пользователь нажимает Open Website. Само получение DM сайт не открывает.

07 / Архитектура и ветвлениеИСХОДНИК 427 · 107 / 132

ManyChat — только первый пример

Позже в n8n появится практически та же логика:

  1. 01Webhook Trigger
  2. 02IF
  3. 03Set / Edit Fields
  4. 04HTTP Request

Блоки называются иначе, порядок тот же: событие, условие, действие.

07 / Архитектура и ветвлениеИСХОДНИК 428 · 108 / 132

Вторая ветка: выбор направления

Представим первое сообщение:

text
Какое направление вам интересно?

Кнопки:

text
Backend
Frontend
Analytics

Теперь воронка имеет несколько путей.

07 / Архитектура и ветвлениеДОПОЛНЕНИЕ 428b · 109 / 132

Первое сообщение с тремя кнопками

  • Создайте отдельный черновик: Automation → New Automation → Start From Scratch → Start from a blank canvas. Рабочую automation не меняйте.
  • Нажмите блок Send Message, введите вопрос и добавьте три кнопки: Backend, Frontend, Analytics.
  • Для каждой кнопки выберите действие Instagram: ManyChat создаст и соединит отдельный блок Send Message #1, #2, #3.
428b-shot.png
07 / Архитектура и ветвлениеДОПОЛНЕНИЕ 428a · 110 / 132

Три ветки с разными ссылками

  • Откройте каждое следующее сообщение стрелкой «›» у кнопки в боковой панели.
  • Введите текст ветки и добавьте кнопку Получить материал → Open website.
  • В ссылке меняется только utm_campaign: backend_guide, frontend_guide, analytics_guide.
  • Блоки веток ManyChat ставит друг на друга. Перетащите их за заголовок, чтобы схема читалась сверху вниз.
428a-shot.png
07 / Архитектура и ветвлениеИСХОДНИК 429 · 111 / 132

Один Trigger — разные сценарии

text
Backend
            ↗
COMMENT → DM → Frontend
            ↘
             Analytics

Пользователь сам сообщает интерес.

Это можно использовать для персонализации следующего шага.

07 / Архитектура и ветвлениеИСХОДНИК 430 · 112 / 132

Каждую ветку можно измерять отдельно

Backend:

text
utm_campaign=backend_guide

Frontend:

text
utm_campaign=frontend_guide

Analytics:

text
utm_campaign=analytics_guide
07 / Архитектура и ветвлениеДОПОЛНЕНИЕ 430a · 113 / 132

Проверка дополнительных веток

430a-shot.png
07 / Архитектура и ветвлениеИСХОДНИК 431 · 114 / 132

Branching — дополнительный уровень

Для обязательной сдачи достаточно:

  1. 01COMMENT
  2. 02DM
  3. 03BUTTON
  4. 04SITE

Branching выполняется как дополнительное задание.

08 / ДиагностикаИСХОДНИК 432 · 115 / 132

Повторный комментарий может не сработать

  • По ограничению Instagram триггер обрабатывает первый комментарий пользователя под конкретной публикацией.
  • Повторный комментарий этого же пользователя не является новым надёжным тестом.
  • Для чистого теста используйте другого учебного пользователя или новую учебную публикацию.
08 / ДиагностикаИСХОДНИК 433 · 116 / 132

Первая диагностика

Проверьте:

  • Professional Account
  • Instagram подключён к ManyChat
  • доступ к сообщениям разрешён
  • правильный Reel
  • правильный keyword
  • automation находится в Live
  • пользователь уже не запускал этот trigger ранее
08 / ДиагностикаИСХОДНИК 434 · 117 / 132

Диагностика №2

Если указано:

text
гайд

проверьте комментарий.

Не тестируйте случайно:

text
гад
guidee
курс

если они не включены в правила trigger.

08 / ДиагностикаИСХОДНИК 435 · 118 / 132

Диагностика №3

Убедитесь, что automation слушает именно тот Post/Reel, под которым оставляется комментарий.

Особенно если в Instagram уже много публикаций.

435-shot.png
08 / ДиагностикаИСХОДНИК 436 · 119 / 132

Диагностика №4

Flow может быть полностью настроен, но не опубликован.

Проверьте:

text
Live

а не Draft.

436-shot.png
08 / ДиагностикаИСХОДНИК 437 · 120 / 132

Диагностика №5

Если события вообще не приходят:

Settings → Instagram

Проверьте подключение.

При необходимости ManyChat также предлагает обновить permissions через инструменты диагностики аккаунта.

437-shot.png
08 / ДиагностикаИСХОДНИК 438 · 121 / 132

Правила тестирования

Не создаём:

  • десятки бессмысленных комментариев
  • сотни одинаковых автоматических ответов
  • массовые DM реальным пользователям
  • Работаем на учебной публикации и тестовых аккаунтах
08 / ДиагностикаИСХОДНИК 439 · 122 / 132

Другие Instagram triggers

Другие входы

Входящий DM, ответы и упоминания Story, комментарии Live.

Проверяем доступность

Набор триггеров, включая Follow-to-DM, зависит от тарифа, аккаунта и способа подключения.

09 / Практика и следующий шагИСХОДНИК 440 · 123 / 132

Цепочка этой темы

  1. 01Instagram · комментарий
  2. 02ManyChat · private DM
  3. 03Кнопка с UTM
  4. 04Vercel · материал

GA4

События поведения на сайте и контекст перехода.

Форма → Apps Script → Sheets

Запись заявки и её UTM; получение строки проверяем отдельно.

09 / Практика и следующий шагИСХОДНИК 441 · 124 / 132

Воронка начинается с публикации

Раньше начало было:

text
человек уже на сайте

Теперь:

  1. 01контент
  2. 02интерес
  3. 03комментарий
  4. 04DM
  5. 05переход
  6. 06сайт
  7. 07действие
  8. 08заявка
09 / Практика и следующий шагИСХОДНИК 442 · 125 / 132

Где пользователи выпадают?

  1. 01100 просмотров
  2. 0230 комментариев
  3. 0324 открытия DM
  4. 0418 переходов
  5. 057 начали форму
  6. 064 заявки

Иллюстрация, не измерение

Это условные числа одной группы. GA4 не собирает просмотры Reel и чтение DM как события сайта.

Где проверить проблему

До комментария теряем 70%; от перехода к началу формы — 61%. Сначала уточняем сопоставимость счётчиков и период.

09 / Практика и следующий шагИСХОДНИК 443 · 126 / 132

Данные для исследования воронки

  1. 01Realtime · проверка сигнала
  2. 02Обработка данных
  3. 03Explore · исследование
09 / Практика и следующий шагИСХОДНИК 444 · 127 / 132

GA4 Explorations

На следующем занятии построим:

  1. 01Instagram traffic
  2. 02landing page
  3. 03cta_click
  4. 04form_start
  5. 05generate_lead

И исследуем:

  • Funnel Exploration
  • Path Exploration
  • abandonment
  • segments
  • breakdown
  • campaign
  • content
  • source
09 / Практика и следующий шагИСХОДНИК 445 · 128 / 132

Контрольные скриншоты

Все кадры по отдельным шагам → Материалы

09 / Практика и следующий шагИСХОДНИК 446 · 129 / 132

Вопросы по теме

Студент должен объяснить:

  • что такое автоворонка
  • что такое Trigger
  • что такое Action
  • зачем нужны Conditions
  • почему используется Professional Instagram
  • зачем ManyChat нужен доступ к Instagram
  • чем Public Reply отличается от Private Reply
  • зачем пользователю взаимодействовать с первым DM
  • зачем ссылка содержит UTM
  • чем utm_campaign отличается от utm_content
  • зачем одновременно нужны ManyChat, GA4 и Google Sheets
09 / Практика и следующий шагИСХОДНИК 447 · 130 / 132

Мы подключили внешний источник к нашей системе

  1. 01Instagram · комментарий
  2. 02ManyChat · private DM
  3. 03Кнопка с UTM
  4. 04Vercel · материал

GA4

События поведения на сайте и контекст перехода.

Форма → Apps Script → Sheets

Запись заявки и её UTM; получение строки проверяем отдельно.

09 / Практика и следующий шагИСХОДНИК 448 · 131 / 132

Роли систем в проекте

Instagram

Источник взаимодействия.

ManyChat

Правила и автоматический ответ.

UTM

Контекст перехода.

GA4

Поведение на сайте.

Sheets

Заявка и её статус.

Тема 8

Очистка данных в Google Таблицах.

09 / Практика и следующий шагИСХОДНИК 449 · 132 / 132

Тема 10 — GA4 Explorations

На следующем занятии перестанем смотреть только:

text
«Событие пришло?»

и начнём отвечать на вопросы:

text
Где пользователь выпал?

Какая кампания лучше приводит к форме?

Какой Reel приводит больше заявок?

Как отличаются пути пользователей?

Какая доля дошла до generate_lead?

Следующий инструмент:

GA4 Explore.

Содержание

96 исходных слайдов 354–449 + 36 поясняющих экранов. Буква — дополнение после соответствующего слайда.

Источники и материалы

ManyChat: комментарии и ограничения Private Reply ↗

Подключение Instagram ↗

Free plan ↗

Диагностика подключения ↗

GA4 Enhanced measurement ↗

Области действия источников GA4 ↗

UTM и сеанс ↗

Практика выполняется на учебных аккаунтах. Проверено по официальной документации 30.09.2026. Реальные кадры добавляются после съёмки. Список кадров и комплект — в материалах.

Скриншот