Buổi 12: Analytics — Đo Lường và Tối Ưu 📊

Thành quả: Cài tracking cho Landing Page + đọc hiểu được report cơ bản!

---

🎯 Mục tiêu buổi học

1. Hiểu tại sao cần đo lường ("What gets measured gets managed")
2. Biết 5 metrics quan trọng nhất
3. Cài Google Analytics hoặc tương đương
4. Hiểu conversion funnel
5. Liên hệ cm-ads-tracker và cm-cro-methodology

---

📖 Phần 1: Tại Sao Đo Lường?

Câu chuyện: 2 tiệm bánh

Tiệm A: Không đo lường

• "Hình như hôm nay đông khách hơn hôm qua"
• "Chắc bánh chocolate bán chạy nhất"
• Kết quả: Đoán mò → lỗ

Tiệm B: Có đo lường

• "Hôm nay 150 khách (↑20% so hôm qua)"
• "Bánh tiramisu bán TOP 1 (32%), chocolate TOP 2 (28%)"
• "Khách quay lại: 45% sau 7 ngày"
• Kết quả: Biết rõ → tối ưu → lãi

💡 Website cũng vậy! Không đo lường = bay mù.

---

📖 Phần 2: 5 Metrics Quan Trọng

Metrics cho Website/Landing Page

Metric	Ý nghĩa	Tốt	Cần cải thiện
Visitors	Bao nhiêu người vào	↑ tăng	↓ giảm
Bounce Rate	% người vào rồi rời đi ngay	< 40%	> 70%
Time on Page	Ở lại bao lâu	> 2 phút	< 30 giây
Conversion Rate	% người click CTA	> 3%	< 1%
Traffic Source	Đến từ đâu	Đa dạng	Chỉ 1 nguồn

Conversion Funnel (Phễu chuyển đổi)

    1000 người vào landing page
         ↓  (100% → 60%)
    600 người đọc qua Features
         ↓  (60% → 20%)
    200 người xem Pricing
         ↓  (20% → 5%)
    50 người click CTA
         ↓  (5% → 2%)
    20 người hoàn thành đăng ký

Mục tiêu: mở rộng phễu → nhiều người đi đến cuối hơn!

---

📖 Phần 3: Cài Đặt Tracking

Google Analytics 4 (Free)

Bước 1: Vào analytics.google.com → Tạo account

Bước 2: Lấy Measurement ID: G-XXXXXXXXXX

Bước 3: Thêm vào HTML:

<!-- Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXXXXXX');
</script>

Tracking Events (Đo hành động cụ thể)

// Khi click nút CTA
document.getElementById("ctaButton").addEventListener("click", function() {
    gtag('event', 'cta_click', {
        'event_category': 'engagement',
        'event_label': 'hero_cta'
    });
});

// Khi scroll đến section pricing
let observer = new IntersectionObserver((entries) => {
    if (entries[0].isIntersecting) {
        gtag('event', 'view_pricing', {
            'event_category': 'engagement'
        });
    }
});
observer.observe(document.getElementById("pricing"));

---

📖 Phần 4: A/B Testing Cơ Bản

A/B Test là gì?

Version A (gốc):     "Đăng Ký Miễn Phí"     → 2% conversion
Version B (thử):     "Bắt Đầu Ngay — Free!"  → 3.5% conversion
                                                     ↑ Winner! +75%

DIY A/B Test đơn giản

// 50/50 chia random cho 2 version
if (Math.random() > 0.5) {
    document.getElementById("cta").textContent = "Đăng Ký Miễn Phí";
    gtag('event', 'ab_test', { variant: 'A' });
} else {
    document.getElementById("cta").textContent = "Bắt Đầu Ngay — Free!";
    gtag('event', 'ab_test', { variant: 'B' });
}

---

📖 Phần 5: CodyMaster Skills

Skill	Tác dụng
cm-ads-tracker	Setup Facebook Pixel, Google Ads tracking, TikTok Pixel
cm-cro-methodology	Phân tích funnel + A/B test design
cm-growth-hacking	Bottom sheet, exit intent, re-engagement

cm-ads-tracker Flow

Input: "Website bán hàng, cần tracking Facebook + Google Ads"
Output:
├── GTM container config
├── Facebook Pixel + CAPI setup
├── Google Ads Enhanced Conversions
├── UTM convention guide
├── DataLayer schema
└── Event mapping document

---

🎓 Tóm tắt

Khái niệm	Nhớ gì
5 Metrics	Visitors, Bounce Rate, Time, Conversion, Source
Funnel	Phễu: rộng (top) → hẹp (bottom)
GA4	Script tag + gtag events
A/B Test	So sánh 2 version, chọn winner

⏭️ Buổi tiếp theo

Buổi 13: Tự Động Hóa — Biến Mình Thành Iron Man 🤖