Налаштування Google Optimize для A/B-тестування на сайті

Налаштування Google Optimize для A/B-тестування

Важливо: Google Optimize припинив роботу 30 вересня 2023 року. Існуючі інтеграції перестали працювати. Якщо ваш сайт використовував Optimize — потрібна міграція на альтернативний інструмент.

Замінники Google Optimize

GrowthBook: Open-Source альтернатива

# Docker установка
docker-compose up -d  # з офіційного docker-compose.yml
# Dashboard: http://localhost:3000

// SDK інтеграція
import { GrowthBook } from '@growthbook/growthbook'

const gb = new GrowthBook({
  apiHost: 'https://cdn.growthbook.io',
  clientKey: 'sdk-abc123',
  enableDevMode: true,
  trackingCallback: (experiment, result) => {
    gtag('event', 'experiment_viewed', {
      experiment_id: experiment.key,
      variant_id: result.variationId,
    })
  }
})

await gb.loadFeatures()

// Використання в компоненті
const ctaText = gb.getFeatureValue('cta_text', 'Купити зараз')
const showBanner = gb.isOn('promo_banner')

Що було в Google Optimize та як замінити

A/B тест через візуальний редактор: Optimize дозволяв створювати тести натисканнями, без коду. GrowthBook вимагає мінімального коду, VWO надає візуальний редактор.

Таргетинг аудиторій: Optimize інтегрувався з GA4 аудиторіями. VWO та AB Tasty мають власні сегменти + інтеграція з GA4.

Персоналізація: Optimize 360 (платна версія) підтримував персоналізацію. Замінники: AB Tasty, Dynamic Yield, Monetate.

Міграція існуючих тестів

// Було (Google Optimize)
gtag('event', 'optimize.callback', {
  name: 'ABCxxx',
  callback: (value, name) => {
    console.log('Experiment:', name, 'Variant:', value)
  }
})

// Стало (GrowthBook)
const variant = gb.getFeatureValue('experiment_name', 'control')
// Далі застосуйте варіант вручну

Користувацький A/B без платних інструментів

Для простих тестів без візуального редактора — self-hosted рішення GA4:

// feature-flags.js
const EXPERIMENTS = {
  'hero_headline': {
    variants: ['control', 'variant_a'],
    weights: [0.5, 0.5]
  }
}

function assignVariant(experimentId) {
  const stored = sessionStorage.getItem(`exp_${experimentId}`)
  if (stored) return stored

  const exp = EXPERIMENTS[experimentId]
  const random = Math.random()
  let cumulative = 0
  let chosen = exp.variants[0]

  for (let i = 0; i < exp.variants.length; i++) {
    cumulative += exp.weights[i]
    if (random < cumulative) {
      chosen = exp.variants[i]
      break
    }
  }

  sessionStorage.setItem(`exp_${experimentId}`, chosen)
  gtag('event', 'experiment_viewed', { experiment_id: experimentId, variant_id: chosen })
  return chosen
}

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

Міграція з Google Optimize на GrowthBook або VWO + перенесення існуючих тестів — 2–3 робочих дні.