Аналіз Error Sessions (сесії з помилками JavaScript)

Аналіз Error Sessions (помилки JavaScript)

Error sessions — це сесії користувачів з однією або більше помилками JavaScript. Помилки JS порушують роботу інтерфейсу, блокують форми та оформлення замовлення, безпосередньо зменшуючи конверсію.

Налаштування перехвату помилок JavaScript

// Перехватіть необроблені помилки
window.addEventListener('error', function(event) {
  const errorInfo = {
    message: event.message,
    source: event.filename?.split('/').pop(),
    line: event.lineno,
    col: event.colno,
    stack: event.error?.stack?.slice(0, 500),
    page: window.location.pathname,
    user_agent: navigator.userAgent.slice(0, 100)
  }

  // Відправте в GA4
  gtag('event', 'js_error', errorInfo)

  // Відправте в Sentry/Bugsnag
  Sentry.captureException(event.error, {
    extra: errorInfo
  })
})

// Перехватіть необроблені відхилення Promise
window.addEventListener('unhandledrejection', function(event) {
  gtag('event', 'promise_rejection', {
    message: event.reason?.message || String(event.reason),
    page: window.location.pathname
  })
})

// Перехватіть помилки fetch/XHR
const originalFetch = window.fetch
window.fetch = async function(...args) {
  try {
    const response = await originalFetch(...args)
    if (!response.ok) {
      gtag('event', 'fetch_error', {
        url: args[0].toString().split('?')[0],
        status: response.status,
        page: window.location.pathname
      })
    }
    return response
  } catch (err) {
    gtag('event', 'fetch_exception', {
      url: args[0].toString().split('?')[0],
      message: err.message
    })
    throw err
  }
}

Sentry: повне відстеження помилок

// sentry.init.js
import * as Sentry from '@sentry/browser'
import { BrowserTracing } from '@sentry/tracing'

Sentry.init({
  dsn: 'https://[email protected]/yyy',
  integrations: [
    new BrowserTracing(),
    new Sentry.Replay({
      maskAllText: false,
      blockAllMedia: false
    })
  ],
  tracesSampleRate: 0.1,   // 10% для ефективності
  replaysSessionSampleRate: 0.05,  // 5% сесій
  replaysOnErrorSampleRate: 1.0,   // 100% при помилці
})

Аналіз впливу помилок

Порівняйте коефіцієнти конверсії для сесій з помилками та без:

• Сесії з помилками зазвичай мають на 30-50% нижче конверсію
• Помилки оформлення замовлення мають найбільший вплив на дохід
• Помилки навігації зменшують час на сайті

Час виконання

Налаштування перехвату помилок та аналіз — 1 робочий день.