웹사이트에 위젯 추가하기

방문자에게 상태를 알리고 싶다면 웹사이트에 상태 위젯을 추가할 수 있습니다.

Instatus 위젯을 웹사이트에 추가하려면 dashboard.instatus.com으로 이동한 다음 상태 페이지를 선택하세요.

위젯으로 이동해 위젯 유형을 선택하고 코드를 복사하면 끝입니다!

---

웹사이트에 플로팅 위젯 추가하기

1. instatus.com/login에서 Instatus에 로그인한 다음 상태 페이지를 선택하세요.

2. 위젯 → Floating으로 이동하세요.

3. 다음 항목을 선택해 위젯을 원하는 대로 맞춤 설정하세요.

• 배경색
• 전경색
• 페이지 안에서 위젯이 표시될 위치

4. 위젯 스크립트를 복사해 HTML 페이지의 body에 붙여 넣으세요.

---

웹사이트 푸터에 배지 추가하기

1. instatus.com/login에서 Instatus에 로그인한 다음 상태 페이지를 선택하세요.

2. 위젯 → Badge로 이동하세요.

3. 라이트 모드 또는 다크 모드를 선택하세요.

4. 크기를 선택하세요 (small, medium, large) 🤏

5. HTML 페이지에 코드를 삽입하세요.

---

웹사이트에 커스텀 위젯 추가하기

상태 페이지의 실시간 데이터를 사용해 직접 위젯을 개발하세요.

다음 엔드포인트로 현재 상태, 진행 중인 인시던트 및 유지보수를 가져올 수 있습니다.

https://[YOUR-STATUS-PAGE]/summary.json

응답 예시:

{
  "page": {
    "name": "Instatus",
    "url": "https://instat.us",
    "status": "HASISSUES"
  },
  "activeIncidents": [
	{
      "name": "We're facing an issue with our API",
      "started": "Sat Jun 11 2022 18:55:50 (Coordinated Universal Time)",
      "status": "INVESTIGATING",
      "impact": "MAJOROUTAGE",
      "url": "https://testing-widget.instatus.com/incident/cl4a"
    }
  ],
  "activeMaintenances": [
    {
      "name": "Database maintenance",
      "start": "Sat Jun 11 2022 18:55:54 (Coordinated Universal Time)",
      "status": "NOTSTARTEDYET",
      "duration": "60",
      "url": "https://testing-widget.instatus.com/maintenance/cl4"
    }
  ]
}

가능한 페이지 상태:

• UP
• HASISSUES
• UNDERMAINTENANCE

가능한 인시던트 상태:

• INVESTIGATING
• IDENTIFIED
• MONITORING
• RESOLVED

가능한 유지보수 상태:

• NOTSTARTEDYET
• INPROGRESS
• COMPLETED