為自訂封鎖頁面的 HTML 和 CSS 定義格式化和樣式建議。
CSS
可以使用外部檔案、網頁內 <style>...</style> 標籤或內嵌 style 屬性，來附加 CSS 規則。
不過，建議使用 <style>...</style> 標籤，因為它可以：
- 讓標記與樣式明確區隔。
- 產生更清晰的 HTML 標記，並且易於維護。
- 可以使用選取器更有效率地將規則套用至頁面上的多個元素，從而改進管理並縮小您的頁面大小。
- 可讓瀏覽器快取，以提高效能。
- 避免外部資源遭原則封鎖而無法正確顯示。
影像
對於影像，支援 CSS background 或 <img> 標籤 (透過具有 JPG、PNG 或 SVG 的 Base64)。
在一般情況下，Base64 檔案大小會再增加 37%，但基於原則，可能有不會載入外部影像的風險。使用 Base64 可以防止這種情況，因此建議使用。
若要轉換為 Base64，可以使用 b64.io 等線上服務，以用來進行轉換並提供編碼結果。
以下是 <img> 標籤 src 屬性和 CSS background-image 內容的 Base64 用法範例：
src="data:image/png;base64,iVBORw0KGgoAhEUgAAA ... FTkSuQmCC"background-image: url(data:image/png;base64,iVBORw0KGgoAAAA ... uQmCC);
變數
以下變數清單可用來顯示使用者瀏覽資訊：
| 變數 | 說明 | 可用性 |
|---|---|---|
| user | 使用者識別碼 | Web 和電子郵件封鎖頁面 |
| categories | 被封鎖頁面的類別 | Web 和電子郵件封鎖頁面 |
| url | 被封鎖頁面的 URL | Web 和電子郵件封鎖頁面 |
| top_threat | 被封鎖頁面的威脅 | 僅限電子郵件封鎖頁面 |
| threat_details | 威脅的詳細說明 | 僅限電子郵件封鎖頁面 |
| block_message | DLP 規則中所定義的使用者通知 | 僅限 DLP 封鎖頁面 |
| block_files | 違反 DLP 規則的檔案清單 (以逗號區隔) | 僅限 DLP 封鎖頁面 |
| block_app | 被封鎖應用程式的名稱 | 僅限 DLP 封鎖頁面 |
可以使用雙大括號，將變數直接包含在 HTML 程式碼中。
<strong>{{categories}}</strong>
