カスタム ブロック ページの HTML および CSS のフォーマットとスタイルの推奨事項を定義します。
CSS
CSS ルールは、外部ファイル、ページ内 <style>...</style> タグ、またはインライン style 属性を使用して添付できます。
ただし、次の理由により、<style>...</style> タグが推奨されます。
- マークアップとスタイルが明確に分離されます。
- よりクリーンな HTML マークアップを生成し、保守が容易です。
- セレクターを使用して効率的にページ上の複数の要素にルールを適用でき、管理が改善され、ページ サイズが小さくなります。
- ブラウザでキャッシュできるのでパフォーマンスが向上します
- 外部アセットがポリシーによってブロックされることがなく、不正確な表示を回避できます。
イメージ
イメージの場合、CSS のバックグラウンドまたは <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 | ユーザー ID | Web および E メール ブロック ページ |
| categories | ブロックされたページのカテゴリ | Web および E メール ブロック ページ |
| url | ブロックされたページの URL | Web および E メール ブロック ページ |
| top_threat | ブロックされたページの脅威 | E メール ブロック ページのみ |
| threat_details | 脅威の長い説明 | E メール ブロック ページのみ |
| block_message | DLP ルールで定義されたユーザー通知 | DLP ブロック ページのみ |
| block_files | DLP ルールに違反するファイルのカンマ区切りリスト | DLP ブロック ページのみ |
| block_app | ブロックされたアプリケーションの名前 | DLP ブロック ページのみ |
変数は、二重中括弧を使用して HTML コードに直接含めることができます。
<strong>{{categories}}</strong>
