Мониторинг от реални браузъри

Виж как Shopify магазинът работи в реалните браузъри на посетителите

GO4 JS Agent се зарежда с магазина и превръща съвпадащите посещения в client-side доказателства — времена от браузъра, състояние на заредената страница, Shopify контекст, Custom DOM резултати, ресурсна диагностика и браузърни грешки.

Заяви достъп
Реални посетителски браузъриСигнали според проверкатаБраузърна производителностCustom DOM доказателства
Различна гледна точка към магазина

Контролираните проверки и реалните посещения отговарят на различни въпроси

GO4 разделя synthetic мониторинга от client-side мониторинга, защото гледат магазина от различни места. Заедно помагат да различиш проблем на сървъра от проблем в заредената страница или в браузъра на посетителя.

Контролирани GO4 проверки

GO4 отваря или заявява магазина

HTTP/Page и Browser Lab работят от инфраструктурата на GO4 с известна цел и повторяеми тестови условия.

  • Достъпност и HTTP доказателства
  • Контролирано браузърно изпълнение
  • Повторяеми synthetic сравнения
JS Agent посещения

Зареденият магазин връща какво е видял браузърът

Съвпадащите посещения изпращат browser-side доказателства, след като магазинът се е заредил в реална посетителска сесия.

  • Navigation Timing от посещението
  • Състояние на страницата и Shopify контекст
  • DOM и браузърни сигнали според проверката

Client-side мониторингът не заменя Browser Lab или HTTP/Page. Той добавя още една гледна точка отвътре в заредения магазин.

Доказателства от браузъра

Събирай сигналите, които съществуват едва след зареждането в браузър

Активната JS Agent проверка определя кои client-side сигнали са важни за нейния URL scope. Агентът връща доказателствата, нужни за съответния monitoring profile.

Контекст на страницата

Знай коя страница и viewport са докладвали

URL обхватът и браузърният контекст остават свързани със събитието.

URL / pathТип страницаViewport & screen
Shopify контекст

Запази контекста на витрината с посещението

Когато е наличен, event-ът включва Shopify информация от заредената страница.

Shopify detectedProduct / variant contextTheme context
Състояние след зареждане

Провери какво реално е получил браузърът

Оценявай сигналите в заредената страница, а не само първоначалния server response.

Title & descriptionCanonicalRobots / noindex
Navigation Timing

Измери посещението отвътре в браузъра

Navigation Timing добавя реални данни за зареждането и response timing на конкретното посещение.

Total loadTTFBDOM ready & load event
Браузърно здраве

Запази client-side грешките със събитието

Хващай проблеми, които могат да се появят след като сървърът вече е върнал валидна страница.

JavaScript errorsResource load errorsUnhandled promise rejections
Фокусирана диагностика

Добави cart и resource evidence при нужда

Съвпадащият profile може да включи пасивна cart endpoint проверка и избрани бавни или големи ресурси.

/cart.js сигналБавни ресурсиГолеми ресурси
Мониторинг според проверката

Сайтът позволява browser events; проверките решават какво да се оценява

JS Agent не е свободен analytics collector. Активните проверки задават URL scope, режим на оценка, прагове и Custom DOM правила, а site settings управляват как съвпадащите browser events се събират и пазят.

ПосещениеJS AgentСъвпадащи проверкиОценка и доказателства
01Само heartbeat

Потвърди, че за обхвата на проверката продължават да пристигат свежи browser events.

02Вградени браузърни сигнали

Оценявай конфигурираните сигнали за страница, performance, errors и Shopify.

03Само Custom DOM правила

Използвай текущия запазен DOM contract без оценка на built-in сигналите.

Include и exclude patterns ограничават кои страници съвпадат с проверката. Sampling rate определя какъв дял от съвпадащите посещения се събира.

Custom DOM Assertions

Превърни важните елементи на витрината в пасивно браузърно доказателство

Custom DOM правилата проверяват състоянието на страницата, която посетителят реално е заредил. Те четат текущия DOM, без да кликат, изпращат форми или променят магазина.

Примерно DOM доказателствоProduct page UI
Актуални правила
Add-to-cart контролът съществуваselector_exists · .product-form button
OK
Reviews блокът е наличенselector_count_min · .reviews-widget · min 1
OK
Очакваният продуктов текст е зареденselector_text_contains · .product-info
OK
Error banner липсваselector_missing · .critical-error
OK

GO4 поддържа и text contains / not contains, както и минимален / максимален брой елементи.

01
Използвай страницата, която посетителят реално е получил

Проверката работи върху заредения DOM след конфигурирания JS Agent delay, така че късно зареждащи се theme или app елементи могат да бъдат включени.

02
Връзвай доказателството с актуалните правила

GO4 fingerprint-ва ефективната Custom DOM конфигурация, така че старо доказателство от предишни правила не може да покрие нова проверка.

03
Остани пасивен

Custom DOM мониторингът само наблюдава състоянието. Интерактивните пътища в магазина са работа на Action Journey.

Виж как selector, text и count правилата стават browser proof за конкретната проверка, без агентът да се превръща в browser automation.

История и диагностика

Пази браузърните доказателства зад monitoring резултата

GO4 пази история на съвпадащите browser events според storage режима на проверката, със статус, времена и подробен event context. Resource diagnostics може да добави фокусирани бавни и големи ресурси към запазеното доказателство.

Съвпадащи browser eventsПоследни доказателства
Check scope
Съвпадащи events184
Warnings7
Средно зареждане1.96 s
/products/example-productMobile · 1.84 s · DOM 3/3
OK20:42
/collections/newDesktop · 3.92 s · load over limit
Warning20:39
/products/second-productDesktop · 1.71 s · DOM 2/2
OK20:37
/products/example-productMobile · Custom DOM rule failed
Fail20:31
Фокусирани resource доказателстваSlow / large samples
theme-bundle.jsScript · slow sample
812 ms
reviews-widget.jsThird-party script
534 ms
hero-image.webpImage · large sample
428 KB

Resource diagnostics е конфигурируем. Според избрания режим GO4 може да ги пази за warning/fail events или за всеки запазен event.

Shopify App Embed настройка

Включи browser-side мониторинга без редакция на theme code

За Shopify App-linked site GO4 използва storefront App Embed. Включи го в Theme Editor, запази темата и съвпадащите посещения започват да подават данни към конфигурираните JS Agent проверки.

01Свържи Shopify магазина

Инсталирай GO4 и запази monitoring site-а свързан със Shopify инсталацията.

02Включи GO4 Storefront monitoring

Активирай GO4 App Embed в Shopify Theme Editor и запази активната тема.

03Получавай съвпадащи browser events

Активните JS Agent проверки започват да получават доказателства от посещения, които съвпадат с URL scope и sampling настройките им.

App Embed зарежда същия canonical JS Agent runtime на GO4. За generic non-Shopify сайтове остава наличен manual snippet path.

Контрол върху събирането и поверителността

Реши колко client-side доказателства искаш да пазиш

Агентът има настройки, които балансират monitoring coverage, обема в базата и URL privacy, без да променят целта на самата проверка.

Sampling rate

Събирай всяко съвпадащо посещение или по-малък дял, когато пълното покритие не е необходимо.

Delay след зареждане

Изчакай кратко, когато theme или app елементи се появяват по-късно и трябва да бъдат включени в доказателството.

URL query контроли

Пази само path или включи query параметри със sanitization на често срещани чувствителни стойности.

Event storage режим

Пази всички съвпадащи events или компактирай OK историята, като задържиш warning/fail доказателствата и последния OK proof.

От посещение към monitoring сигнал

Превърни входящите browser events в същия monitoring lifecycle като останалия GO4

Едно посещение е полезно, защото се оценява спрямо проверка. Полученият client-side сигнал може да участва в status, incident и recovery процеса, вместо да остава изолирана telemetry информация.

01
Пристига посещение

Посетител зарежда страница от магазина с активен JS Agent.

02
Проверките съвпадат

GO4 прилага активния URL scope и текущата конфигурация на проверките.

03
Сигналите се оценяват

Built-in browser signals и optional Custom DOM proof се проверяват.

04
Проблемът ескалира

Повтарящите се check failures могат да влязат в нормалния incident и alert lifecycle.

05
Recovery се потвърждава

Свежо браузърно доказателство може да потвърди, че наблюдаваното условие отново е наред.

Въпроси за client-side мониторинга

Какво е важно да знаеш за JS Agent monitoring

JS Agent е пасивен monitoring слой за browser-side доказателства. Той допълва synthetic проверките на GO4, а не ги заменя.

Какво е client-side мониторинг за Shopify?

Това е мониторинг отвътре в заредения storefront. GO4 JS Agent работи с страницата и изпраща browser-side доказателства от съвпадащи посещения, за да може проверката да оцени какво реално е видял браузърът.

JS Agent същото ли е като Browser Lab?

Не. Browser Lab е контролиран synthetic браузър, стартиран от GO4. JS Agent получава пасивни доказателства от посещения, които зареждат storefront-а с активен агент. Двата слоя отговарят на различни въпроси и се допълват.

Какво може да получава GO4 от браузъра?

Според активния check profile GO4 може да получава състояние на заредената страница, Navigation Timing, viewport и Shopify контекст, JavaScript и resource errors, пасивен cart endpoint резултат, Custom DOM proof и избрани бавни или големи ресурси.

GO4 събира ли всяко посещение?

Не е задължително. Site settings имат sampling rate, а за оценката са важни само посещенията, които съвпадат с active JS Agent check scope. Event storage може и да бъде компактиран вместо да се пази всеки OK event.

Може ли JS Agent да проверява storefront widgets или app-rendered елементи?

Да. Custom DOM Assertions могат да проверяват наличие или липса на selector, очакван текст и условия за брой елементи върху заредения DOM след конфигурирания delay.

JS Agent клика ли бутони или променя магазина?

Не. JS Agent мониторингът е пасивен. Той чете състоянието на страницата и може да направи пасивната Shopify cart endpoint проверка, но не клика, не submit-ва форми и не изпълнява shopping journeys. Интерактивните пътища са работа на Action Journey.

Shopify клиентът трябва ли да редактира theme code?

При Shopify App-linked site нормалната настройка е да се включи GO4 Storefront monitoring App Embed в Theme Editor и темата да се запази. Ръчна промяна на theme code не е необходима за този вариант.

Какви контроли има за URL privacy и обема на events?

GO4 може да пропуска query параметрите, да sanitizира често срещани чувствителни query стойности, да sample-ва съвпадащите посещения и да избира между по-широк или компактен event storage. Пазенето на full raw payload също е optional.

Добави браузърна гледна точка към мониторинга

Следи какво реално получават браузърите на посетителите

Използвай GO4 JS Agent, за да добавиш пасивни real-browser доказателства към server, Shopify и synthetic проверките, които вече пазят магазина.

Реални browser pageviewsОценка според проверкатаCustom DOM доказателства