เชื่อมต่อ Google Analytics (GA4)

Abitlink ส่งทุก page view และทุก block click ไปยัง GA4 property ของคุณแบบ server-side จาก Cloudflare Worker ซึ่งหมายความว่า:

• ไม่มี JavaScript เพิ่มบนหน้า bio ของคุณ โหลดเร็วคงที่ต่ำกว่า 50 ms
• Ad blocker ตัดไม่ได้ — event ไม่เคยแตะ browser
• นับคลิกได้แม่นยำต่อบล็อก ไม่ใช่แค่ page view

สิ่งที่ต้องมีก่อน

• บัญชี Abitlink แพ็ก Pro (หรือ Early Bird) เพราะ analytics แบบ server-side เป็น Pro-only
• บัญชี Google Analytics 4 ที่มี property อย่างน้อยหนึ่งตัว ใช้ฟรีที่ analytics.google.com

1. สร้าง GA4 property (ข้ามได้ถ้ามีแล้ว)

1. Sign in เข้า Google Analytics คลิก Admin (ไอคอนเฟือง มุมล่างซ้าย)

2. คอลัมน์ Account เลือก (หรือสร้าง) บัญชี แล้วไปคอลัมน์ Property คลิก + Create property

3. ตั้งชื่อ (เช่น “Abitlink — maya”) เลือก time zone (Bangkok) และ currency (THB) แล้วคลิก Next ไปจนกว่าจะสร้าง property เสร็จ

4. ที่หน้า data stream เลือก Web ใส่ https://abitlink.co เป็น URL และ ตั้งชื่อ stream แล้วคลิก Create stream

2. เอา Measurement ID ของคุณ

ที่หน้ารายละเอียด data stream (จะขึ้นทันทีหลังสร้าง หรือเข้าได้ที่ Admin → Data Streams) copy Measurement ID หน้าตาเป็นแบบนี้:

G-XXXXXXXXXX

เคล็ดลับ

ID ต้องขึ้นต้นด้วย G- ตามด้วยตัวอักษร/ตัวเลข 10 ตัว ถ้าเห็นเป็น UA-xxxxx แสดงว่า ยังเป็น Universal Analytics ตัวเก่า ต้องสร้าง GA4 property ใหม่ก่อน

3. เอา Measurement Protocol API Secret

1. อยู่ที่หน้ารายละเอียด data stream เดิม

2. เลื่อนลงแล้วคลิก Measurement Protocol API secrets (อยู่ใต้ Events หรือ Additional settings แล้วแต่เวอร์ชัน UI)

3. คลิก Create ตั้ง nickname ว่า “Abitlink” แล้วคลิก Create อีกครั้ง

4. Copy ค่า Secret value — ค่านี้โชว์แค่ครั้งเดียว ถ้าพลาด ต้องลบแล้วสร้างใหม่

คำเตือน

API Secret เป็นรหัสลับ — ปฏิบัติต่อมันเหมือน password ใครก็ตามที่มีทั้ง Measurement ID และ API Secret ส่ง event ปลอมเข้า property ของคุณได้ Abitlink เก็บเข้ารหัส server-side และไม่เปิดเผยใน browser

4. Paste เข้า Abitlink

1. Login ที่ abitlink.co แล้วเปิด dashboard

2. ไปที่ Settings → Analytics (หรือแถบ analytics ใน editor)

3. Paste Measurement ID ของคุณลงในช่อง GA4 ID

4. Paste API Secret ลงในช่อง GA4 API Secret

5. คลิก Save

5. ตรวจสอบว่า event ไหลเข้า

1. เปิดหน้า bio ของคุณในหน้าต่าง incognito ใหม่: abitlink.co/yourname

2. คลิกบล็อกอะไรก็ได้ในหน้า

3. ใน GA4 ไปที่ Reports → Realtime ภายใน 10–30 วินาที คุณจะเห็น:

   • event page_view (จากการเข้าชมของคุณ)
   • event click ที่มีชื่อบล็อกเป็น parameter (จากการคลิกของคุณ)

เคล็ดลับ

Realtime ใน GA4 แทบจะทันทีแต่ไม่ทันทีเป๊ะ รออย่างน้อย 1 นาทีก่อนจะคิดว่ามีอะไรผิดพลาด รีพอร์ต DebugView (Admin → DebugView) เร็วกว่าแต่ต้องเปิด debug mode — ข้ามได้ เวลาตรวจสอบ production

แก้ปัญหา

Realtime ไม่ขึ้นอะไรเลยแม้รอ 2 นาที เช็ค Measurement ID ให้ไม่มีตัวพิมพ์ผิด (ที่พบบ่อย: 0 กับ O) ตัดช่องว่างหัว/ท้าย ของทั้ง ID และ API Secret ให้ paste ลง text editor ธรรมดาก่อนเพื่อสังเกต

เห็น page_view แต่ไม่มี event click Click event จะ fire เฉพาะบล็อกที่มี element แบบ interactive (link, product, LINE, Shopee, PromptPay, social icons ฯลฯ) บล็อกประเภทประดับอย่าง text note และ section header ไม่ส่ง click event โดยตั้งใจ

ใช้ Google Ads อยากได้ conversion Event ใน GA4 ทำเป็น conversion ได้ที่ Admin → Events → toggle Mark as conversion Abitlink ไม่ต้อง setup เพิ่ม — พอ event เข้า GA4 แล้ว mark ฝั่ง GA4 ได้เลย

อยากทดลองก่อนด้วย property ชั่วคราว สร้าง GA4 property ตัวที่สอง paste credentials เข้า Abitlink แล้วค่อยสลับกลับเมื่อพอใจ Abitlink เก็บ GA4 property ได้หนึ่งตัวต่อ bio ในเวลาเดียวกัน