分享状态页面

此选项允许您通过组件、URL 或代码片段实时分享所有受监控组件的状态。单击状态页面右上角的 图标，您将看到以下选项：

• 自定义域名 URL：状态页面的自定义域名 URL，例如 https://status.zylker.com。
• 子域 URL：状态页面的联合品牌 URL，例如 https://zylker-status.site24x7signals.com
• RSS Feed URL：使用 RSS Feed URL 接收组件当前状态的更新。示例 URL：https://status.zylker.com/rss
• iCalendar Feed URL：使用 iCalendar Feed URL，在您偏好的任何日历应用中接收即将进行的维护的状态更新。可分享 URL 示例：https://status.zylker.com/ical
• iFrame 代码片段：通过在 HTML 文档的 body 标签中嵌入 iFrame 代码片段来分享您的状态页面。
• 状态组件：展示状态页面的实时状态。

状态组件

在您的网站上嵌入图形状态组件，向用户显示状态。

您可以从以下三种组件类型中进行选择：

• 基本：此简单组件在您的网站上显示整体状态。基本组件的外观如下，
  
  
• 徽章：此组件允许您自定义状态标签，并在您的网站上以醒目徽章的形式显示。
  
  
  
  
  
  注意

  注意：基本组件和徽章组件显示状态页面中组件的整体状态。如果多个组件同时面临中断，严重程度最高的组件状态将被更新。



• 悬浮：这是一个浮动组件，提供多种自定义显示方式的选项。您可以在网站上选择一个位置来"固定"该组件，即使页面滚动，它也会保持在该位置。维护的悬浮组件将在维护开始前 24 小时以及正在进行的维护期间显示。悬浮组件仅在存在活跃事件或即将进行的维护时才会显示。如果状态页面中的所有组件均正常运行，它将被隐藏。此组件有助于向网站访客传达事件信息。

如何在页面中嵌入状态组件

您可以按照以下步骤在页面中嵌入状态组件：

1. 进入 StatusIQ 客户端，打开您希望添加状态组件的状态页面。
2. 单击右上角的 图标，然后选择分享。
3. 在"状态组件"部分，选择所需的组件类型。
4. 对于悬浮组件类型，您可以选择组件的位置并自定义颜色。
   
   注意

   注意：默认情况下，悬浮组件的颜色将根据严重程度变化。但是，您可以通过将"自定义组件颜色"旁边的切换按钮设为"是"来自定义事件和维护的组件颜色。

5. 状态组件代码片段将根据您的偏好生成。单击代码框旁边的复制图标，即可将其粘贴到 HTML 文档中。下表列出了用于自定义状态组件的属性：
   

   属性	类型	支持的组件类型	描述
   src	String	所有	要获取并显示状态的状态页面 URL。
   widget-type	String	所有	状态组件布局类型，默认值为 basic。
   widget-text	String	Badge	徽章组件布局中显示的文本，默认文本为 Current Status。
   widget-position	String	Sticky	组件在页面上的放置位置。支持的值：bottom-right（默认位置）、bottom-left、top-right、top-left。
   widget-colors	String	Sticky	组件的自定义颜色，值必须以 JSON 格式传递。 支持的字段：事件文本、事件背景颜色、维护文本和维护背景颜色。 支持的值：十六进制、rgb()/rgba()、hsl()/hsla()、颜色名称。示例：{"incident_bg_color":"hsl(28, 80%, 52%)","incident_text_color":"white","maintenance_bg_color":"rgb(67, 139, 206)","maintenance_text_color":"#FFFFFF"}
   widget-refresh-interval	String	所有	组件从 StatusIQ 更新状态的频率。 支持的时间单位：毫秒。 刷新间隔：5 分钟及以上。 默认值为 300000 毫秒。

观看快速视频，了解如何自定义组件：

状态组件的浏览器支持