SERPONG TECH / lab
MANUAL · REV 02 · JUN 2026

CHAPTER §3.2 · TUTORIAL

Setup Website Analytics untuk SMB Indonesia: GA4 + Microsoft Clarity + GSC

Setup 3-stack analytics untuk SMB Indonesia website: GA4 (behavior), Microsoft Clarity (session recording + heatmap), GSC (search performance). Total cost: gratis. Setup time: 3-4 jam end-to-end.

Menengah · 20 Mei 2026 · 13 min read · by Ayu Pratiwi

3-stack analytics ini adalah foundation untuk data-driven decision di SMB Indonesia. Tutorial ini cover setup dari nol, integrasi, dan ekstraksi insight pertama dalam 30 hari.

§ 3.2.1 Why 3 tools instead of one

Single tool limit:

  • GA4 alone: kuantitatif sebagai forte tetapi visual data terbatas. Anda tahu user keluar di page X tetapi tidak tahu kenapa
  • Clarity alone: visual data excellent tetapi quantitative aggregation lemah. Anda lihat 50 session tetapi tidak tahu trend bulan-ke-bulan
  • GSC alone: pre-arrival data only. Apa yang mereka cari, tidak apa yang mereka lakukan setelah arrive

Combined power:

  • GSC: “Mereka cari ‘GBP setup’”
  • GA4: “Page yang mereka land paling banyak adalah /gbp-setup-guide/”
  • Clarity: “60% scroll sampai 75% page, kemudian back-button. Heatmap shows mereka try click ‘sample template’ yang tidak link ke mana pun”
  • Insight: Add link ke template gratis di section yang dilihat — easy win

Single tool tidak akan menghasilkan insight ini.

§ 3.2.2 Setup Google Analytics 4

Step 1: Create property

1. analytics.google.com → Sign in dengan Google account
2. Admin (gear icon) → Create Property
3. Property setup:
   Name:        [Brand Name] Indonesia
   Timezone:    (GMT+07:00) Jakarta
   Currency:    Indonesian Rupiah (IDR)
   
4. Business details:
   Industry:    [pilih relevant]
   Size:        SMB-appropriate (1-9 employees atau 10-99)
   Use case:    Examine user behavior + Optimize content

Step 2: Setup data stream

1. Choose platform: Web
2. Stream details:
   URL:         https://yoursite.com
   Stream name: [Brand] Web
   
3. Enhanced measurement: enable ALL by default
   - Page views (always on)
   - Scrolls (track 90% page scroll)
   - Outbound clicks
   - Site search (if site has search box)
   - Video engagement
   - File downloads (PDF, DOCX, etc.)

Get Measurement ID (G-XXXXXXXXXX format) — needed untuk install.

Step 3: Install di Astro/static site

Buat .env atau Cloudflare Pages environment variable:

PUBLIC_GA_MEASUREMENT_ID=G-XXXXXXXXXX

Di BaseLayout.astro, tambah script:

{import.meta.env.PUBLIC_GA_MEASUREMENT_ID && (
  <>
    <script async src={`https://www.googletagmanager.com/gtag/js?id=${import.meta.env.PUBLIC_GA_MEASUREMENT_ID}`}></script>
    <script set:html={`
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', '${import.meta.env.PUBLIC_GA_MEASUREMENT_ID}', {
        anonymize_ip: true,
        cookie_flags: 'SameSite=None;Secure'
      });
    `} />
  </>
)}

Step 4: Verify install

Option A: Tag Assistant Chrome extension
  - Install extension
  - Visit website
  - Click extension icon
  - Check "Active tags" — should show GA4 firing

Option B: GA4 Real-Time report
  - Open GA4 → Reports → Real-time
  - Open website di new tab
  - Refresh website
  - Real-Time report should show "1 user" within 30 detik

Step 5: Setup conversions

Conversion = event yang matter untuk business goal.

Untuk SMB Indonesia common conversion:

- contact_form_submit  (user contact form)
- whatsapp_click       (klik WhatsApp button)
- phone_click          (klik nomor telepon)
- file_download        (download brochure, ebook)
- newsletter_signup    (subscribe newsletter)
- product_inquiry      (klik tombol "Tanya produk")

Di GA4 Admin → Events → Mark sebagai conversion (centang checkbox).

§ 3.2.3 Setup Microsoft Clarity

Step 1: Create project

1. clarity.microsoft.com → Sign in (Microsoft account)
2. Add new project:
   Name:     [Brand] Indonesia
   Website:  https://yoursite.com
   Category: pilih relevant

Step 2: Get tracking code

1. Setting → Get tracking code
2. Copy script (similar GA4 — script tag di <head>)

Step 3: Install di BaseLayout

<script set:html={`
  (function(c,l,a,r,i,t,y){
    c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
    t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
    y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
  })(window, document, "clarity", "script", "YOUR_PROJECT_ID");
`} />

(Replace YOUR_PROJECT_ID dengan actual ID dari Clarity).

Step 4: Verify

Visit website beberapa kali. Wait 5-10 menit. Buka Clarity dashboard → Recordings. Should see session recording dari visit Anda.

Step 5: Setup goals (optional)

Settings → Goals → Add new goal:
- Type: URL contains
- Pattern: /thank-you (atau page conversion lain)

§ 3.2.4 Setup Google Search Console (kalau belum)

Step 1: Verify ownership

1. search.google.com/search-console
2. Add property → Domain (atau URL prefix)
3. Verification methods:
   - DNS TXT record (most reliable, recommended)
   - HTML file upload
   - HTML meta tag (we already have this gated by env var)
   - Google Analytics (if GA4 sudah install)

Step 2: Submit sitemap

GSC → Sitemaps → Add a new sitemap:
- Enter: sitemap-index.xml
- Submit

Wait 24-48 jam untuk Google process. Sitemap status should show “Success”.

Step 3: Configure email alerts

GSC → Settings → Email preferences:
- Enable: New Top Queries
- Enable: Coverage errors
- Enable: Mobile usability issues

§ 3.2.5 First 30 days — apa yang dipantau

Week 1: Setup verification + baseline

[ ] GA4 Real-Time showing user
[ ] Clarity recording session
[ ] GSC sitemap submitted + processed
[ ] Page view count: bandingkan dengan baseline (if any)
[ ] Setup dashboards atau saved report

Week 2: Pattern discovery

[ ] GA4: Most visited pages (top 10)
[ ] GA4: Top traffic sources (organic, direct, social, referral)
[ ] Clarity: Watch 5-10 random session recordings
[ ] Clarity: Heatmap homepage
[ ] GSC: Top queries (queries dengan most impression)

Week 3: Identify opportunities

[ ] GA4: Page dengan high traffic + low conversion = opportunity untuk CTA improvement
[ ] Clarity: Page dengan "rage click" atau "dead click" = UX broken
[ ] Clarity: Page dengan early exit (<30% scroll) = content issue
[ ] GSC: Queries dengan position 5-15 = SEO opportunity

Week 4: First improvements + retest

[ ] Implement 2-3 changes based on week 3 findings
[ ] Continue monitoring untuk validate impact
[ ] Schedule monthly review meeting (1 hour)

§ 3.2.6 Dashboard yang harus dibuat

GA4 dashboard

Top widgets:
- Sessions per device (mobile vs desktop)
- Sessions per source (organic / direct / social)
- Top 10 pages by views
- Top 10 conversion events
- Average engagement time
- Bounce rate trend

Clarity dashboard

Top widgets:
- Sessions today
- Average session duration
- Pages with most rage clicks
- Pages with most dead clicks
- Pages with quickback (back button after <10s)

GSC dashboard (manual atau Looker Studio):

Top widgets:
- Total clicks 28 days
- Total impressions 28 days
- Average position 28 days
- Top 20 queries
- Top 10 pages
- Mobile vs desktop split

§ 3.2.7 Common SMB mistakes

1. Setup default + tidak configure GA4 install dengan default config menghasilkan generic data. Enhanced Measurement events + custom conversions adalah essential.

2. Tidak review weekly Analytics tanpa review = waste. Schedule 30 menit weekly untuk look at data, formulate hypothesis, plan testing.

3. Over-track everything Tidak perlu track setiap button click. Focus pada conversion event yang matter (3-5 events). Over-tracking dilute data dan slow website.

4. Ignore Clarity recording Data Clarity paling valuable adalah session recording, tetapi banyak SMB skip karena “tidak ada waktu watch video”. Investment 30 menit/minggu watch 5-10 random session memberikan insight yang tidak available di any other tool.

5. Tidak setup email alerts GSC alerts adalah early warning system. Critical issue (sudden rank drop, indexing error) di-flag dalam 24-48 jam — tidak bulan setelah.

§ 3.2.8 Privacy + compliance

Untuk SMB Indonesia tanpa EU/UK audience: optional but recommended. Untuk audience international: required.

Implement via:

  • Cookiebot (paid, Rp 200-500rb/bulan)
  • Cookiehub (paid, similar pricing)
  • Custom banner via Cloudflare Workers (gratis, butuh dev time)

Data retention

GA4: default 2 bulan untuk event data. Recommended: 14 bulan untuk year-over-year analysis.

Setting: GA4 Admin → Data Settings → Data Retention → 14 months.

User deletion request

Per UU PDP 2022: pengguna berhak request data deletion. Setup process:

  • Form di /privacy atau /kontak
  • Manual deletion di GA4 (User Explorer → find user → delete)
  • 30 hari maximum response time

§ 3.2.9 Cost summary

Google Analytics 4:           Rp 0 (free)
Microsoft Clarity:            Rp 0 (free)
Google Search Console:        Rp 0 (free)
Total essential stack:        Rp 0/bulan

Optional add-ons:
Cookiebot:                    Rp 300-500rb/bulan
Looker Studio Pro:            Free (basic)
Hotjar (Clarity alternative): Rp 600rb-1.5jt/bulan

ROI: priceless. Tidak ada SMB Indonesia yang punya excuse skip free analytics.

§ 3.2.10 Verdict

3-stack analytics (GA4 + Clarity + GSC) adalah minimum viable analytics setup untuk SMB Indonesia 2026. Total cost: gratis. Setup time: 3-4 jam. Time to actionable insight: 30 hari.

SMB yang skip atau setup setengah-setengah miss critical insight untuk improve website performance. SMB yang invest 3-4 jam upfront save 10-20x downstream — keputusan content, design, marketing semua data-driven instead of guess-driven.

Setup ini bukan optional. Foundation untuk semua growth work yang follow.

// TAGS

AnalyticsGA4ClarityGSCTutorial

§ NEXT IN TUTORIAL

§1.1

Setup AI Content Pipeline: Claude + Notion + Airtable

Step-by-step setup pipeline content marketing dengan Claude API + Notion database + Airtable approval workflow. Target: 4-8 piece/minggu dengan team 1-2 orang.

Menengah §2.1

Setup Meta Business Suite untuk SMB Indonesia

Step-by-step setup Meta Business Suite: Facebook Page + Instagram Business + WhatsApp Business + Ads Manager. Untuk SMB Indonesia.

Pemula §3.1

Setup ChatGPT + Claude untuk Content Indonesia: 5 prompt yang work

Setup workflow ChatGPT + Claude untuk produksi content Indonesia. 5 prompt template proven yang menghasilkan output ready-to-edit untuk SMB content marketer. Includes brand voice setup, output formatting, dan editing checklist.

Menengah
← Table of Contents