# โอเวอร์เลย์จำนวนผู้ชม Kick (viewer count)

> แสดงจำนวนผู้ชมสดของ Kick บนสตรีมด้วยวิดเจ็ต KickBot สำหรับ OBS เลือกแบบไอคอนหรือแบบข้อความ ตั้งสี แล้วเพิ่ม URL เป็น browser source

Source: https://kickbot.com/th/docs/widgets/viewer-count

KickBot มีวิดเจ็ตจำนวนผู้ชม 2 แบบที่แสดงว่าตอนนี้มีคนดูสตรีม Kick ของคุณอยู่กี่คน **Viewer Count** เป็นกล่องเล็ก ๆ ที่มีไอคอนและตัวเลข ส่วน **Text Viewer Count** เป็นข้อความธรรมดา เช่น “Viewers: 1,204” ติดตั้งแบบใดแบบหนึ่งจากคลังวิดเจ็ต แล้วเพิ่ม URL ลงใน OBS เป็น browser source

ต้องมีบัญชี KickBot ที่เชื่อมช่อง Kick ไว้แล้ว

![วิดเจ็ตจำนวนผู้ชมทางการ 2 แบบในคลังวิดเจ็ตของ KickBot: Viewer Count และ Text Viewer Count](https://kickbot.com/docs/images/widgets/viewer-count/01-library-viewer.webp "ค้นหา viewer ในคลังวิดเจ็ตเพื่อดูทั้ง 2 สไตล์")

## เพิ่มจำนวนผู้ชมลงใน OBS

1. เปิด[คลังวิดเจ็ต](https://kickbot.com/dashboard/widget-library) แล้วค้นหา **viewer**
2. คลิก **Viewer Count** หรือ **Text Viewer Count** แล้วคลิก **ติดตั้งวิดเจ็ต**
3. เปิด[วิดเจ็ตที่บันทึกไว้](https://kickbot.com/dashboard/saved-widgets) แล้วคลิก **คัดลอก URL** ที่วิดเจ็ต
4. ใน OBS ให้เพิ่ม source แบบ **Browser** แล้ววาง URL
5. ตั้งความกว้างและความสูง: 220 × 100 สำหรับ **Viewer Count** หรือ 600 × 200 สำหรับ **Text Viewer Count** แล้วคลิก **OK**

## การตั้งค่า

คลิกวิดเจ็ตในหน้าวิดเจ็ตที่บันทึกไว้เพื่อแก้ไข ตัวอย่างจะแสดงสิ่งที่เปลี่ยนทันที คลิก **บันทึก** แล้ววิดเจ็ตใน OBS จะโหลดใหม่ด้วยหน้าตาใหม่

![แผงการตั้งค่า Viewer Count มีตัวอย่าง เมนู Icon ที่ตั้งเป็น Kick และสีพื้นหลังกับสีข้อความ](https://kickbot.com/docs/images/widgets/viewer-count/02-edit-settings.webp "การตั้งค่า Viewer Count: ไอคอน สีพื้นหลัง และสีข้อความ")

**Viewer Count** (220 × 100):

| การตั้งค่า | ใช้ทำอะไร | ค่าเริ่มต้น |
| --- | --- | --- |
| Icon (ไอคอน) | ไอคอนข้างตัวเลข: Kick, People, Person หรือ Eye | Kick |
| Background color (สีพื้นหลัง) | สีของกล่องด้านหลังไอคอนและตัวเลข | ดำ (#000000) |
| Text color (สีข้อความ) | สีของตัวเลข | ขาว (#ffffff) |

**Text Viewer Count** (600 × 200):

| การตั้งค่า | ใช้ทำอะไร | ค่าเริ่มต้น |
| --- | --- | --- |
| Text (ข้อความ) | ข้อความบนสตรีม `{viewers}` จะถูกแทนด้วยจำนวนผู้ชม | Viewers: {viewers} |
| Text color (สีข้อความ) | สีของข้อความ | ขาว (#ffffff) |
| Text size (ขนาดตัวอักษร) | ขนาดของข้อความ หน่วยเป็นพิกเซล | 50 |
| Text outline (เงาตัวอักษร) | เพิ่มเงารอบข้อความให้อ่านง่าย | เปิด |

ตัวอย่างเช่น ตั้ง **Text** เป็น `{viewers} คนกำลังดู` เพื่อแสดง “120 คนกำลังดู”

ถ้าอยากเห็นวิดเจ็ตขยับก่อนเริ่มไลฟ์ ให้คลิก **อัปเดตยอดผู้ชม** ใต้ **อีเวนต์ทดสอบ** ตัวอย่างจะแสดงตัวเลขสมมติ อีเวนต์ทดสอบจะไม่ส่งไปที่ OBS

## จำนวนผู้ชมอัปเดตยังไง

วิดเจ็ตแสดงจำนวนผู้ชมที่ Kick รายงานสำหรับไลฟ์ของคุณ ตอนออฟไลน์ ตัวเลขจะเป็น 0

## แก้ปัญหา

**ตัวเลขเป็น 0 ทั้งที่กำลังไลฟ์อยู่**: หลังเริ่มไลฟ์ ตัวเลขอาจใช้เวลาสักครู่กว่าจะขึ้น ถ้ายังเป็น 0 อยู่ ให้คลิกขวาที่ source ใน OBS แล้วเลือก **Refresh cache of current page** (รีเฟรชแคชของหน้าปัจจุบัน)

**ตัวเลขไม่ตรงกับแดชบอร์ด Kick**: วิดเจ็ตอาจช้ากว่า Kick เล็กน้อย

**วิดเจ็ตดูเบลอหรือถูกตัด**: ตั้งขนาด browser source กลับเป็นขนาดของวิดเจ็ต (220 × 100 หรือ 600 × 200) ถ้าอยากได้ตัวอักษรใหญ่ขึ้น ให้ใช้ **Text Viewer Count** แล้วเพิ่ม **Text size**

ดูวิธีแก้ปัญหา browser source เพิ่มเติมได้ที่[เพิ่ม browser source ลงใน OBS](https://kickbot.com/th/docs/getting-started/add-browser-source-obs)

## คำถามที่พบบ่อย

**แสดงจำนวนผู้ชม Kick บนสตรีมยังไง?**

ติดตั้ง **Viewer Count** หรือ **Text Viewer Count** จาก[คลังวิดเจ็ตของ KickBot](https://kickbot.com/dashboard/widget-library) คัดลอก URL ในหน้าวิดเจ็ตที่บันทึกไว้ แล้วเพิ่มลงใน OBS เป็น source แบบ Browser

**เปลี่ยนไอคอนข้างจำนวนผู้ชมได้ไหม?**

ได้ ในวิดเจ็ต **Viewer Count** ให้เปิด **Icon** แล้วเลือก Kick, People, Person หรือ Eye จากนั้นคลิก **บันทึก**

**ใช้จำนวนผู้ชมใน 2 ซีนด้วยสีต่างกันได้ไหม?**

ได้ ในหน้าวิดเจ็ตที่บันทึกไว้ ให้เปิดเมนู **⋯** ที่วิดเจ็ตแล้วคลิก **ทำสำเนา** วิดเจ็ตที่ทำสำเนาจะมี URL และการตั้งค่าของตัวเอง