사용자 정의 사용자 알림 템플릿 생성

개요

트래픽이 차단 또는 프롬프트 작업과 일치하는 보안 규칙을 충족하면, 사용자에게 강제 적용에 대한 이유를 설명하는 브라우저 또는 클라이언트 알림이 표시됩니다. 해당 알림은 사용자에게 액세스가 차단되거나 프롬프트되는 순간 각각의 정책 강제 적용 규칙을 설명합니다. 이는 사용자 지식과 인식을 향상시키고, 보안 작업 중 마찰을 줄이며, 보안 강제 적용을 더욱 광범위한 비즈니스 커뮤니케이션 목표와 일치시킵니다. 혼란과 지원 요청을 줄이는 데 도움이 됩니다. 사용자 알림에 대한 자세한 정보는 사용자 알림 템플릿 만들기를 참조하십시오.

사용자 알림 템플릿을 완전히 사용자 정의하려면 알림 콘텐츠와 브라우저 페이지 스타일을 정의하는 HTML 파일을 업로드할 수 있습니다.

사용자 정의 사용자 알림 생성

사용자 알림을 위한 HTML 파일을 생성하여 Cato 관리 애플리케이션에 업로드하십시오.

사용자 정의 사용자 알림 템플릿 생성 방법:

네비게이션 메뉴에서 계정 > 사용자 알림을 선택하십시오.
- 기존 템플릿을 사용하세요, 예: 단계별 인증, 그리고 편집을 클릭하십시오.
  또는
- 새로 만들기를 클릭합니다
템플릿 이름을 선택하고 페이지 유형을 선택하십시오.
페이지 콘텐츠 모드에서 사용자 정의 페이지를 선택합니다.
파일 선택을 클릭하고 템플릿 디자인과 함께 HTML 파일을 업로드하십시오.
저장을 클릭하십시오.

지원되는 요소

HTML 파일에서 지원되는 요소는 다음과 같습니다.

HTML 태그

구조

html, head, body, meta (charset/viewport only), title, div, section, header, footer, main, article, aside

텍스트

h1–h6, p, span, br, hr, strong, em, u, small, code, pre, blockquote

ul, ol, li

테이블

테이블, thead, tbody, tfoot, tr, th, td, colgroup, col

미디어 & 링크

a, img

속성

글로벌

id, class, lang, title

링크

href, 대상, rel

이미지

src, alt, width, height

테이블

colspan, rowspan, 범위

스타일링

style (엄격한 CSS 속성 허용 목록을 통과할 때만)

작업 제어

차단/프롬프트 페이지에는 다음 작업이 포함될 수 있습니다.:

계속하기: 프롬프트 페이지에서만, 최종 사용자에게 웹사이트로 계속 진행할 수 있게 해줍니다.
잘못된 카테고리 보고: 최종 사용자는 액세스를 시도한 웹사이트의 카테고리를 잘못되었다고 보고할 수 있습니다.

HTML 파일에 data-cato-slot 작업 훅을 추가할 수 있습니다. 예시：

<div data-cato-slot="proceed"></div>
<div data-cato-slot="report-wrong-category"></div>

URL 정책

링크 (a[href])

오직 https:// URL만 허용됩니다.
- 아웃바운드 링크는 자동으로 강제됩니다.:
  턴 대상="_빈칸"
- rel="noopener noreferrer">
예를 들어, "IT 포털로 이동" 버튼을 CSS 스타일의 <a> 요소로 구현하고 <버튼>으로 구현하지 마세요

이미지 (img[src] )

내장된 데이터 URI만 지원됩니다. 예를 들어, data:image/png;base64,..., data:image/jpeg;base64,..., data:image/gif;base64,...
외부 이미지 URL은 지원되지 않습니다.

동적 매개변수

사용자가 취한 작업을 기반으로 동적 매개변수가 업데이트됩니다.

{blockedURL} , {reason} , {사용자} , {호스트 IP} , {서버 IP} , {클라이언트 IP} , {categories}

HTML 파일 검증

HTML 파일을 업로드할 때 지원되지 않는 요소가 포함되어 있지 않은지 검증됩니다. 검증이 실패하면 오류가 표시됩니다