Эпоха «вайб-кодинга»: как разработчик-недоучка снес Метрику на ветклинике, украл наши скрипты и указал counter ID: 0000000000
С появлением нейросетей разработка сайтов стала доступна каждому. Казалось бы, прогресс! Но у этой медали есть темная сторона: рынок заполнили так называемые «вайб-кодеры». Это люди, которые научились генерировать HTML/CSS через промпты, но совершенно не понимают, как устроена веб-аналитика, верстка, бизнес-процессы и банальное законодательство (ФЗ-152).
В итоге за их «вайб-колхозинг» своими деньгами и нервами расплачиваются клиенты и маркетологи, которые потом пытаются понять, куда пропали конверсии.
Сегодняшняя история — классический детектив о том, как из-за кривых рук разработчика остановилась аналитика на рабочей рекламной кампании, а в коде сайтов всплыли дичайшие костыли и «пасхалки» вроде counter ID: 0000000000.
Акт 1. Ветклиника на WordPress, сплошной Mixed Content и война с Fancybox
Все началось с того, что к нам по рекомендации обратились владельцы одной ветеринарной клиники. Задача стандартная: вести и оптимизировать Яндекс Директ.
Заходим в админку и исходный код сайта ([домен-ветклиники].ru, собран на WordPress) и, мягко говоря, выпадаем в осадок от архитектурных «шедевров»:
- Иконки соцсетей через отдельную страницу: Иконки соцсетей в футере добавлялись разработчиком через код на отдельной WordPress-странице «Наши соцсети». Зачем? Как? История молчит.
- Дублирование мета-тегов: В head вручную захардкожены мета-теги description, og:title и og:description, а сверху накачен плагин All in One SEO, который продублировал их второй раз.
- Mixed Content (HTTP на HTTPS-сайте): Сайт работает по защищенному протоколу HTTPS, однако ссылки на изображения в прайс-листе захардкожены через устаревший http://[домен-клиники]/wp-content/uploads/..., генерируя блокировки содержимого в браузерах.
- Война с Fancybox через JS-костыли: Библиотека модалок Fancybox была подключена настолько криво, что при клике на обычные пункты меню с якорями (#gallery, #price, #services) скрипт пытался открыть целые HTML-секции сайта как картинки! Вместо того чтобы исправить селекторы, разработчик вставил в код два продублированных костыльных JS-скрипта, которые при загрузке стирают якоря из URL через history.replaceState и насильно вычищают атрибуты data-fancybox.
Но главная маркетинговая проблема была в другом: на сайте вообще не было точек конверсии — ни одной формы обратной связи! А еще полная беда с соблюдением ФЗ-152: ни адекватной Политики конфиденциальности, ни cookie-баннера.
Мы предложили владельцу внедрить формы для сбора заявок, подготовили текст Политики конфиденциальности, легкий скрипт cookie-баннера и ТЗ.
Передаем это клиенту, тот идет к своему разработчику. А через день возвращается и говорит:
Он за эту работу просит космическую сумму. Вы же всё равно ведите рекламу, допилите свои решения сами
Спорить не стали — сами сверстали и поставили на сайт формы обратной связи, прикрутили Яндекс SmartCaptcha, настроили аналитику и цели. Все работает, заявки идут — отлично.
Акт 2. Ремонт холодильников и рождение «вайб-сайта»
Владельцу ветклиники наша работа понравилась, и он порекомендовал нас своему знакомому мастеру по ремонту холодильников и стиралок. Нам предстояло настроить рекламу и для него.
Заходим на сайт мастера ([домен-ремонта].ru) и видим знакомый почерк. Сайт делал тот же самый разработчик, но на этот раз без WordPress — видимо, чистый HTML/CSS промптить нейронкой «по вайбу» ему показалось удобнее.
Всё это цветочки. Чертовщина началась, когда мы заглянули в статистику.
Акт 3. Детектив: куда пропала Яндекс Метрика?
Проходит буквально пара дней. Я заглядываю в рекламный кабинет ветклиники (первого клиента) и вижу странную картину: кампании на Яндекс Картах и в Колдунщике крутятся отлично, трафик идет, а в Яндекс Метрике за последние дни — ровно НУЛЬ статистических данных и конверсий.
Подумал, что на сайте что-то отвалилось или слетели скрипты. Залезаю прямо в исходный HTML-код страницы ветклиники, жму Ctrl+F, ищу ID нашей Метрики... и теряю дар речи.
Код счетчика Яндекс Метрики на сайте ветклиники заменен на абсолютно ДРУГОЙ номер.
Откуда он взялся? Сравниваю с новым сайтом по ремонту холодильников... И пазл складывается!
Разработчик, когда собирал второй сайт для ремонтника, решил не заморачиваться. Он просто выдрал весь наш блок с cookie-баннером и скриптами аналитики с сайта ветклиники и перенес его на сайт холодильников. Но делая это «по вайбу», он перепутал файлы и перезаписал код Метрики на первом сайте (ветклиники) счетчиком со второго сайта.
В итоге статистика ветклиники несколько дней улетала в никуда, а рекламные кампании обучались на нулевых данных.
Акт 4. Звонок «гению» и авторские права
Звоню этому «разработчику». Разговор получился максимально показательным:
Слушай, а почему у тебя на сайте по ремонту холодильников и на сайте ветклиники стоит один и тот же номер счетчика Метрики?
(мычит в трубку)... Я ничего не трогал
В смысле не трогал? Ты залез на ветклинику и заменил номер счетчика на номер с другого сайта! Как ты это объяснишь?
...Не знаю.
Ты понимаешь, что ты снес аналитику на рабочей рекламной кампании? И помимо этого ты просто вчистую спер наш шаблон cookie-баннера и скрипты!
Так это же шаблон!
Это НАШ шаблон, который МЫ верстали и писали под ФЗ-152! Мы при желании тебя за нарушение авторских прав к суду привлечь можем, задолбаешься пошлины и компенсации платить.
В ответ — глухая тишина. Поняв, что диалога не выйдет, я на «доброй» ноте пожелал ему «приятного отпуска» (как выяснилось, в этот момент он чилил на отдыхе, пока у клиентов рушилась аналитика) и повесил трубку.
Акт 5. counter ID: 0000000000, капча-призрак и ФЗ-152 на коленке
История стала еще смешнее, когда мы полезли глубоко в код сайта по ремонту холодильников, чтобы привести его хоть в какой-то порядок.
- Закон о персональных данных (ФЗ-152) и слепой копипаст: Разработчик спер наш текст Политики конфиденциальности с сайта ветклиники и вставил его на сайт холодильников. Но сделал это настолько слепо, что вышло комично: Пункт 6.2 (Безопасность): В Политике подробно расписана обработка данных через Яндекс SmartCaptcha. Вот только за каким-то хреном он оставил этот пункт, хотя на самом сайте по ремонту холодильников никакой капчи нет и в помине! Человек просто скопировал чужой текст, даже не читая, о каких сервисах там идет речь. Пункт 6.3 (Веб-аналитика): «...Виды обработки: Сбор, запись, систематизация... при помощи инструментов аналитики (Яндекс Метрика counter ID: 0000000000).» Человек просто вставил заглушку из нулей! Он даже не потрудился проверить, что публикует в юридическом документе клиента.
- Формы без согласия: На новом сайте по ремонту холодильников разработчик сам наклепал форму обратной связи, но «забыл» добавить элементарный чекбокс с согласием на обработку персональных данных. То есть клиент подставляется под штрафы Роскомнадзора от 60 000 до 100 000 рублей просто потому, что его кодер не знает про существование законов.
- CSS-каша: Пытаясь поменять цвета в украденном у нас баннере cookie, разработчик просто наслоил свои стили поверх наших, создав дублирование CSS-параметров и сломав адаптив на мобильных устройствах.
Лирическое отступление: Почему после этого я стал боготворить своего разработчика
После всей этой истории я окончательно понял, насколько мне повезло с нашим штатным разработчиком. Да, мы с ним регулярно спорим и ругаемся по техническим решениям, но господи, как же я начал ценить его работу!
Он тоже использует нейросети, но делает это с умом — скорее как продвинутого консультанта. Основной код он пишет сам, досконально разбираясь в каждом скрипте и каждой строчке. А главное — он жестко разворачивает и отклоняет мои «вайбкодерские» наработки и хотелки, потому что хочет сам докопаться до сути, сделать архитектурно правильно и качественно, а не просто шлепнуть «лишь бы работало».
Выводы: Почему вайб-кодинг — это опасность для бизнеса
Нейросети — это потрясающий инструмент. Но когда инструмент попадает в руки человека без понимания базы (веб-аналитики, верстки, логики работы скриптов и требований законодательства), получается вайб-колхозинг.
В чем главные проблемы таких «разработчиков»:
- Слепое копирование. Они не читают код и тексты, которые генерируют или воруют. Им некогда — они «вайбят».
- Нулевое понимание маркетинга и аналитики. Для них счетчик Метрики — это просто «какий-то скрипт», который можно перенести, снести или забить нулями.
- Подстава клиента под штрафы. Отсутствие согласий на обработку данных, фейковые ID в Политике, кривые формы — всё это прямые финансовые риски для владельца бизнеса.
Парадокс в том, что любой толковый маркетолог или профильный разработчик, используя ту же нейросеть, соберет проект в разы грамотнее и безопаснее для бизнеса, чем подобный «full-stack кодер». Потому что профессионал думает о конверсиях, законах и о том, куда идут данные, а вайб-кодер — только о том, как бы побыстрее сдать проект и уехать в отпуск.
Коллеги, сталкивались уже с жертвами «вайб-кодинга» среди клиентов? И как бороться с разработчиками, которые сносят Метрику и не видят в этом проблемы?
#вайбкодинг #разработка #вебаналитика #яндексметрика #кейс #маркетинг #фриланс #яндексдирект #вебразработка #разработкасайтов #программирование #itюмор #itкейс #говнокод #кривойкод #костыли #digitalмаркетинг #диджитал #клиентскийсервис #wordpress #frontend #fullstack #заказчики #ошибкиразработки #кейсыизжизни