# ฝังในเว็บไซต์

ฝังเกม DailyPlay ในเว็บไซต์โดยตรงเพื่อประสบการณ์แบรนด์ที่ไร้รอยต่อ

## วิธีการฝัง

### ฝังด้วย iframe

วิธีที่ง่ายที่สุดในการฝังเกม:

```html
<iframe
  src="https://app.dailyplay.ai/embed/[game-id]"
  width="400"
  height="700"
  frameborder="0"
  allow="camera; microphone"
></iframe>
```

### ฝังแบบ Responsive

สำหรับเลย์เอาต์ที่ปรับตามขนาดหน้าจอ:

```html
<div style="position: relative; width: 100%; max-width: 400px; margin: 0 auto;">
  <div style="padding-top: 175%; position: relative;">
    <iframe
      src="https://app.dailyplay.ai/embed/[game-id]"
      style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
      frameborder="0"
      allow="camera; microphone"
    ></iframe>
  </div>
</div>
```

---

## การรับโค้ดฝัง

### จากหน้าเกม

1. เปิดเกมที่เผยแพร่แล้ว
2. คลิก**แชร์/ฝัง**
3. เลือกแท็บ**ฝัง**
4. คัดลอกโค้ดฝัง

### จากจัดการเกม

1. ไปที่**จัดการเกม**
2. ค้นหาเกม
3. คลิก**แชร์/ฝัง**
4. คัดลอกโค้ดฝัง

---

## รูปแบบ URL ฝัง

### ฝังมาตรฐาน

```
https://app.dailyplay.ai/embed/[game-id]
```

### พร้อมพารามิเตอร์

เพิ่ม query parameters สำหรับปรับแต่ง:

```
https://app.dailyplay.ai/embed/[game-id]?hideHeader=true&theme=light
```

พารามิเตอร์ที่มี:

| พารามิเตอร์   | ค่า            | คำอธิบาย           |
| ------------- | -------------- | ------------------- |
| `hideHeader`  | `true`/`false` | ซ่อนส่วนหัวเกม     |
| `hideFooter`  | `true`/`false` | ซ่อนส่วนท้าย       |
| `autoplay`    | `true`/`false` | เริ่มเกมอัตโนมัติ   |

---

## แนวทางขนาด

### มือถือเป็นหลัก (แนะนำ)

สำหรับเกมที่ปรับสำหรับมือถือ:

| มิติ    | ค่า      |
| ------- | -------- |
| กว้าง   | 400px    |
| สูง     | 700px    |
| อัตราส่วน | ~1:1.75 |