Skip to content

非公式本サイトは非公式の日本語ドキュメントであり、Cloudflare 公式サイトではありません。最新情報はdevelopers.cloudflare.comをご確認ください。

エラーページを編集する

最終更新 Markdown で表示Agent セットアップ

次のエラーとチャレンジに対して、カスタムの エラーページ を定義できます。

  • WAF ブロック
  • IP / 国ブロック
  • IP / 国チャレンジ
  • 500 クラスエラー
  • 1000 クラスエラー
  • マネージドチャレンジ / I'm Under Attack Mode
  • レート制限ブロック

エラーページの種類について詳しくは、エラーページの種類 を参照してください。

特定の条件に一致するリクエストへカスタムのエラーレスポンスを返すには、代わりに Custom Error Rules を使います。

1. カスタムエラーページを設計する

Cloudflare アカウントでカスタムエラーページを定義する前に、そのページを設計して実装してください。自前の Web サーバーでホストすることも、Snippets などの Cloudflare 製品でホストすることもできます。

カスタムエラーページには、ページ固有の カスタムエラートークン を含められます。各トークンは、エラーページに表示される診断情報を提供します。

エラーごとにカスタムページを表示するには、エラーごとに別のページを用意します。たとえば IP/Country BlockWAF block の両方にカスタムエラーページを作る場合は、2 つのページを設計して公開してください。

エラーページは、次のテンプレートから作り始められます。

<html>
	<head></head>
	<body>
		::[REPLACE WITH CUSTOM ERROR TOKEN NAME]::
	</body>
</html>

5XX エラー用のエラーページ例

次の HTML は、スタイルなしの 5XX エラー用サンプルです。

<!doctype html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>5XX Level Errors page</title>
	</head>
	<body>
		<h1>5XX Level Errors</h1>
		<h2>::CLOUDFLARE_ERROR_500S_BOX::</h2>
	</body>
</html>

2. ダッシュボードでエラーページを更新する

エラーページは、ゾーン単位、またはアカウント全体で定義できます。ゾーン単位のエラーページは、アカウント単位のエラーページより優先されます。

ゾーン単位のカスタムエラーページを編集するには、次の手順を実行します。

  1. Cloudflare ダッシュボードで、Error Pages ページを開きます。

    Error Pages を開く ↗
  2. 対象のカスタムエラーページの種類を確認します。

  3. (任意)現在のエラーページ(デフォルトまたはカスタム)をプレビューするには、Show 列のリンクを選びます。

  4. エラーページを編集するには、先ほど確認したページ種類の横にある三点リーダー > Edit を選びます。

  5. Cloudflare のデフォルトページを使う場合は Cloudflare default page を選びます。カスタムエラーページを使う場合は Custom page を選び、作成したカスタムエラーページの URL を入力します。

  6. Confirm を選びます。

アカウント単位のカスタムエラーページを更新するには、次の手順を実行します。

  1. Cloudflare ダッシュボードで、Settings ページを開きます。

    Configurations を開く ↗
  2. Error Pages に進み、対象のカスタムエラーページの種類を確認します。

  3. (任意)現在のエラーページ(デフォルトまたはカスタム)をプレビューするには、Show 列のリンクを選びます。

  4. エラーページを編集するには、先ほど確認したページ種類の横にある三点リーダー > Edit を選びます。

  5. Cloudflare のデフォルトページを使う場合は Cloudflare default page を選びます。カスタムエラーページを使う場合は Custom page を選び、作成したカスタムエラーページの URL を入力します。

  6. Confirm を選びます。

カスタムエラーページを再取得する

Error Pages でカスタムエラーページの内容を設定できたあと、オリジンサーバーからそのページを削除できます。

あとからカスタムエラーページを更新する場合は、ページ URL が変わっていなくても、ページを再取得する必要があります。この場合、更新したいページ種類の横にある三点リーダー > Fetch custom page again を選びます。

役に立ちましたか?