ステータスページ共有

ウィジェット、URL、スニペットで監視コンポーネントのステータスを共有します。ステータスページ右上のアイコンから、共有をクリックすると、次のオプションを使用できます。

  • ステータスページURL:ステータスページで使用されるドメインURLです。例:https://status.zylker.com
  • RSSフィードURL:RSSフィードURLを使用して、コンポーネントのステータス更新を受信します。サンプルURL:https://status.zylker.com/rss
  • iCalendarフィードURL:iCalendarフィードURLを使用して、カレンダーアプリケーションで予定されているメンテナンスのステータス更新について受信します。共有URL例:https://status.zylker.com/ical
  • iFrameスニペット:HTMLドキュメントのボディタグにiFrameスニペットを挿入して、ステータスページを共有します。
  • ステータスウィジェット:ステータスページのリアルタイムなステータスを表示します。

ステータスウィジェット

Webサイトにグラフィカルなステータスウィジェットを埋め込んで、ステータスページを介してユーザーに表示します。

メモ:この機能はGreenプランページユーザーのみ対応しています。

次の3つのウィジェットタイプから選択できます。

  • ベーシック:全体のステータスを表示するシンプルなウィジェットです。次の画像のように表示されます。
  • バッジ:ステータスのラベルをカスタマイズできるウィジェットでWebサイトで目立たせて表示させたい際に用います。


    メモ:ベーシックおよびバッジウィジェットはステータスページのコンポーネントの全体のステータスを表示します。複数コンポーネントが障害となっている場合、重要度の一番高いステータスが表示されます。

  • スティッキー:表示方法を変更できるウィジェット機能です。Webサイトで固定位置を設定し、スクロールした際にも画面に固定された状態で表示されます。メンテナンスの固定ウィジェットはメンテナンス24時間前からメンテナンス完了まで表示されます。固定ウィジェットはアクティブインシデントや計画されたメンテナンスがある場合のみ表示されます。全てのコンポーネントが正常の場合は表示されません。このウィジェットはインシデント情報をページ訪問者に認識させるのに役立てられます。

ステータスウィジェット追加方法

ステータスページにウィジェットを追加する方法は次のとおりです。

  1. StatusIQにアクセスし、ステータスウィジェットを追加したいステータスページを開きます。
  2. 画面右上のアイコンをクリックして、共有を選択します。
  3. ステータスウィジェット欄で、ウィジェットタイプを選択します。
  4. 固定ウィジェットの場合、ウィジェット位置と表示色も選択できます。
    メモ:デフォルトで、固定ウィジェットの色は重大度に応じて変化しますが、インシデントとメンテナンスの色は変更可能です。ウィジェット色のカスタマイズの隣のトグルボタンを有効にしてください。
  5. ステータスウィジェットのコードスニペットが作成されます。コピーアイコンをクリックして、HTMLドキュメントにペーストしてください。ステータスウィジェットのカスタマイズに使用される属性は次の表を参照してください。

    属性

    タイプ サポートしているウィジェットタイプ 説明

    src

    文字列

    すべて

    ステータスを取得して表示するステータスページURLです。

    widget-type

    文字列

    すべて

    ステータスウィジェットのレイアウトタイプです。デフォルトはベーシックが指定されています。

    widget-text

    文字列

    バッジ

    バッジウィジェットレイアウトで表示されるテキストです。デフォルトでは現在のステータスがテキストで表示されます。

    widget-position

    文字列

    固定

    ウィジェットのページ固定位置です。右下(デフォルト)、左下、右上、左上に対応しています。

    widget-colors

    文字列

    固定

    ウィジェットの色をカスタマイズします。値をJSON形式で渡す必要があります。

    対応している項目:インシデントテキスト、インシデント背景色、メンテナンステキスト、メンテナンス背景色

    対応している値は16進数、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

    文字列

    すべて

    ウィジェットがステータスを更新する頻度です。

    メトリック単位はミリ秒です。

    更新間隔は5分以上で設定します。

    デフォルト値は300000ミリ秒です。

ウィジェットカスタマイズ動画は次のとおりです。

ステータスウィジェットの対応ブラウザー

ブラウザー

サポート

Chrome 60以上

全対応

Firefox 63以上

全対応

Safari 10.1以上

全対応

Edge 79以上

全対応

Internet Explorer

未対応

 

トップ