trackingadvanced 12 นาที

Meta Pixel + Conversion API (CAPI) ติดตั้ง

Setup ทั้ง browser-side + server-side tracking — match quality 8+/10 = optimization 2x ดีขึ้น

Meta Pixel + CAPI Setup

Goal: 100% event coverage (Pixel จับ browser, CAPI จับ server) + match quality 8+/10

Pixel (browser-side)

1. Events Manager → Data Sources → Create Pixel → ตั้งชื่อ

2. Copy base code → paste ใน <head> ของทุก page

3. ตั้ง events (Standard 17 + Custom):

   fbq("track", "Purchase", { value: 199.0, currency: "THB" });

4. Test ผ่าน Meta Pixel Helper (Chrome extension)

CAPI (server-side)

Option A — WordPress + WooCommerce

Plugin: Meta Pixel by Facebook (official) — auto-wires CAPI
ตั้ง access token ใน plugin settings

Option B — Shopify

Settings → Customer events → Meta Pixel + Conversions API → connect

Option C — Custom Node.js

await fetch(`https://graph.facebook.com/v18.0/${PIXEL_ID}/events`, {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify({
    access_token: META_CAPI_TOKEN,
    data: [{
      event_name: "Purchase",
      event_time: Math.floor(Date.now() / 1000),
      action_source: "website",
      event_source_url: "https://example.com/order/123",
      user_data: {
        em: [hashSha256("[email protected]")],
        ph: [hashSha256("66812345678")],
        client_ip_address: req.ip,
        client_user_agent: req.headers["user-agent"],
      },
      custom_data: { value: 199, currency: "THB" },
      event_id: "order_123_" + Date.now(),
    }],
  }),
});

Deduplication

สำคัญ — ส่ง event_id (เช่น order_id) ทั้ง Pixel + CAPI → Meta จะรู้ว่าเป็น event เดียวกัน

Pixel:

fbq("track", "Purchase", { value: 199 }, { eventID: "order_123" });

CAPI: ใช้ event_id field เดียวกัน

Match Quality 8+/10

ส่ง user data hashed (SHA-256 lowercase trimmed):

email (em)
phone (ph) — format E.164 e.g. 66812345678
first_name (fn), last_name (ln)
date_of_birth (db) — YYYYMMDD
city (ct), state (st), country (country) — lowercase

> Match quality < 6 → optimization degraded · target 8+

Verification

Events Manager → Test Events → ใส่ test_event_code → ทำ event จริง → ดูเข้าใน 30s
Match Quality tab: ดู score แต่ละ event
Diagnostics: รอ 24h → ตรวจ "Server" + "Browser" matched %