tags: [ga4, gtm, a/b testing, nextjs, tailwindcss, typescript]
Why This A/B Test Management Dashboard Matters
Every decision in a digital experience should be data-driven, and this A/B Test Management Dashboard empowers teams to do just that. With an intuitive interface, users can create, update, and track A/B tests across different site areas, ensuring that every change is backed by real performance insights. Instead of manually managing experiments in spreadsheets or scattered documents, this dashboard provides a centralized, structured, and trackable way to oversee tests in real-time.
But the real power of this tool comes from its seamless integration with Google Tag Manager (GTM) and Google Analytics 4 (GA4). Every A/B test created is not just stored—it becomes a measurable event that feeds into analytics platforms, allowing marketing, product, and development teams to collaborate smarter, not harder. With automated audience creation in GA4, businesses can segment users based on their engagement with A/B tests, unlocking targeted insights and strategic marketing opportunities.
Features
- Test Creation & Management – Easily add, update, and track A/B tests.
- Filtering & Sorting – Find the exact test you need with robust search and organization.
- Local Storage Persistence – Keep track of tests even after refreshing the page.
- GTM Integration – Pushes test creation, updates, and deletions as trackable events.
- GA4 Audience Automation – Automatically build audiences based on test interactions.
Install
git clone https://github.com/kwicz/ab_test_dashboard.git
cd ab_test_dashboard
npm install
npm run dev