Marketing & Funnel · ARIS.com

Pixel / GA4 / CAPI ของ ARIS.com เอง · ใช้ยิง Ads หาลูกค้า SaaS · ไม่เกี่ยวกับ Pixel ของลูกค้า

⏳ Implementation: 0 / 13 events Spec locked · V1_SPEC §17 phase: mockup

Tracking ยังไม่ติด — รอ port ตอน Next.js

ตอนนี้ ARIS-app อยู่ phase mockup (static HTML) · code tracking จริงจะ port จาก Tana/landing-page/aris-tracking.js ไปเป็น universal Next.js helper หลัง mockup → data model → backend phase เสร็จ

ดู V1_SPEC §17

Visitors · 30d

— รอ data

target: 4,200/เดือน · 90d post-launch

Leads (email)

—

target conv: 8-12% (Lead/Visit)

สมัครทดลอง

—

target conv: 8-10% post pre-flight

Paid · Subscribe

—

target conv: 1.8-3.0% overall

Funnel target (V1_SPEC §17.7)

benchmark

step → step conversion

Visit

100%

4,200

—

ViewContent

65%

2,730

→ 65%

StartFeasibility

28%

1,176

→ 43%

CompleteFeasibility

22%

924

→ 79%

Lead (email)

10%

420

→ 45%

CompleteRegistration

378

→ 41%

StartTrial

7.7%

324

→ 86%

Subscribe (paid)

2.1%

→ 27%

Visit → Subscribe

2.07%

CAC est.

฿115

Revenue est. (Subscribe avg ฿1,200)

฿104,400

Event Catalog · 13 events

0/13 wired

#	Event	Trigger	Channels	Status
1	PageView Standard · Tier A	page load (auto)	PIXELGA4	pending
2	ViewContent Standard · Tier A	scroll past 50% hero + stay 8s	PIXELGA4	pending
3	Lead Standard · Tier A	email capture (feasibility report)	PIXELCAPI	pending
4	CompleteRegistration Standard · Tier A	กดสมัครสมาชิกสำเร็จ	PIXELCAPI	pending
5	StartTrial Standard · Tier A	เริ่มขั้นตอนตั้งค่า step 1→2	PIXELCAPI	pending
6	InitiateCheckout Standard · Tier A	กดเลือกแพ็กเกจบน billing	PIXELCAPI	pending
7	Subscribe Standard · Tier A	slip verified · paid ครั้งแรก	SERVERCAPI	pending
8	Purchase Standard · Tier A	renewal payment verified (รอบ 2+)	SERVERCAPI	pending
9	StartFeasibility Custom · Tier B	กดเริ่มทำ pre-flight check	PIXELGA4	pending
10	CompleteFeasibility Custom · Tier B	feasibility score ออก (+ value: score)	PIXELCAPI	pending
11	ViewTANADemo Custom · Tier B	กดดูตัวอย่างเว็บ TANA	PIXEL	pending
12	PublishFirstPage Custom · Tier B	publish sale page แรกสำเร็จ	SERVERCAPI	pending
13	UpgradeTier Custom · Tier B	Starter→Pro / Pro→Express	SERVERCAPI	pending

PIXEL Browser-side via fbq() CAPI Server-side via /api/track → Meta Graph API SERVER Fire only from server (admin verification endpoint)

Tracking Configuration

env: production

Meta Pixel

ยังไม่ได้ใส่

ดูได้ที่ Meta Business Manager → Events Manager → ไอคอน Pixel

Conversions API (CAPI) Token

ยังไม่ได้ใส่

เก็บใน Supabase Vault (encrypted at rest) · ไม่ expose ใน client bundle

Test Event Code (staging only)

prod ห้ามใส่ · ใส่แค่ staging/dev เพื่อทดสอบใน Events Manager

Google Analytics 4

ยังไม่ได้ใส่

PDPA Consent Banner

required ก่อน fire event ที่ไม่ใช่ essential (Lead/Subscribe/Purchase)

UTM Capture Cookie (30 วัน)

cookie name: aris_utm · attach อัตโนมัติทุก event

TikTok Pixel · LINE Tag

เปิดเมื่อต้องการ expand ช่อง Ads (V1.1)

Event Stream (Live · mock)

simulated

tail -f

21:54:12✓PageView/index.html · src=facebook

21:54:18✓ViewContentscroll 67% · stay 11s

21:54:31✓StartFeasibilityutm_campaign=clinic-q3

21:55:50✓CompleteFeasibilityscore=78 · tier=pro

21:56:02✓Leademail=u***@clinic.com

21:57:14✓CompleteRegistrationpredicted_ltv=1490

21:57:38✓StartTrialตั้งค่าเริ่มต้น step 2

22:01:55✓PublishFirstPagetpl-a-premium · 47min build

22:14:09✓InitiateCheckoutplan=pro · value=1490 THB

14:22:01✓Subscribeserver-fire · slip#9821 verified

14:22:01✓SubscribeCAPI sent · event_id=evt_aris_a3f...

—…awaiting Next.js implport from Tana/landing-page/aris-tracking.js

หมายเหตุ: log ตัวอย่างนี้คือสิ่งที่จะเห็นหลัง implement เสร็จ · ทุก event มี Pixel + CAPI fire พร้อม event_id ตัวเดียวกัน (Meta dedup เอง) · server-only events (Subscribe/Purchase) fire จาก /api/payment/verify

Top Sources · last 30d

mock data

Source / Medium

Visit

Sub

Conv %

📘 facebook · cpc

1,840

2.28%

🟢 google · organic

980

2.14%

🟢 (direct) · none

620

2.26%

🟣 line · oa

310

1.94%

🐦 referral · facebook-group

220

1.36%

📧 email · nurture

140

0.71%

Install Snippet · Next.js

reference

ตอน port ไป Next.js — ใส่ <ArisTracker /> ใน _app.tsx · auto-binds Tier A/B events ทั้งหมด

// pages/_app.tsx
import { ArisTracker } from '@/lib/aris-tracking';

export default function App({ Component, pageProps }) {
  return (
    <>
      <ArisTracker
        pixelId={process.env.NEXT_PUBLIC_META_PIXEL_ID}
        gaId={process.env.NEXT_PUBLIC_GA4_ID}
        capiEndpoint={"/api/track"}
        consent={"required"}
      />
      <Component {...pageProps} />
    </>
  );
}
              

// Fire custom event from any component
import { track } from '@/lib/aris-tracking';

track('CompleteFeasibility', {
  score: 78,
  recommended_tier: 'pro',
});

// Server-only event (from /api/payment/verify)
await fireServerEvent('Subscribe', {
  value: 1490, currency: 'THB',
  user_data: { external_id: userId },
});
              

ดูเต็มที่ .ai/V1_SPEC.md §17 + Tana/landing-page/aris-tracking.js (v0 reference)

Next steps · Implementation roadmap

post-mockup

Step 1 · Backend

Port tracker

Port Tana/landing-page/aris-tracking.js → lib/aris-tracking/ · เพิ่ม Tier A/B events ทั้งหมด · server endpoint /api/track

Step 2 · Setup

สร้าง Meta Pixel + CAPI

สร้าง Meta Business Manager · สร้าง Pixel สำหรับ aris.com · gen CAPI access token · ใส่ใน Supabase Vault

Step 3 · QA

Test Events ใน Meta

verify ทั้ง 13 events ผ่าน Meta Events Manager → Test Events tab · ตรวจ dedup browser↔CAPI · ตรวจ payload schema