Création de Modèles de Notification Utilisateurs Personnalisés

Vue d’ensemble

Lorsque le trafic correspond à une règle de sécurité avec une action Bloquer ou Inviter, les utilisateurs voient une notification dans le navigateur ou le Client expliquant la Raison de l'Application de la règle. Ces notifications vous permettent d'expliquer chaque règle d'application des politiques aux utilisateurs au moment où l'accès est bloqué ou demandé. Cela améliore la connaissance et la prise de conscience des utilisateurs, réduit les frictions lors des Actions de sécurité et aligne l'application de la Sécurité avec les objectifs de communication commerciale plus larges. En aidant à réduire la confusion et les demandes d'assistance. Pour plus d'informations sur les Notifications Utilisateur, consultez Créer des Modèles de Notification Utilisateur.

Pour créer un Modèle de Notification Utilisateur entièrement personnalisé, vous pouvez téléverser un fichier HTML qui définit le contenu et le style de la page de navigateur.

Création de Notifications Utilisateur Personnalisées

Créez un fichier HTML pour votre notification utilisateur et téléversez-le dans l'Application de Gestion Cato.

Pour créer des Modèles de Notification Utilisateur Personnalisés :

Dans le menu de navigation, sélectionnez Compte > Notifications d'Utilisateur.
Soit :
- Utilisez un modèle existant, par exemple Authentification Active à Nouveau, et cliquez sur Modifier
  ou
- Cliquez sur Ajouter un nouveau site
Choisissez un Nom de Modèle et sélectionnez le Type de Page.
Sous Mode de Contenu de la Page, sélectionnez Page Personnalisée.
Cliquez sur Choisir Fichier et téléversez un fichier HTML avec votre conception de modèle.
Cliquez sur Enregistrer.

Éléments Pris en Charge

Les éléments suivants sont pris en charge dans le fichier HTML.

Étiquettes HTML

Structure

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

Bouton

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

Listes

ul, ol, li

Tableaux

table, thead, tbody, tfoot, tr, th, td, colgroup, col

Média & Liens

a, img

Attributs

Global

id, class, lang, title

Liens

href, cible, rel

Images

src, alt, width, height

Tableaux

colspan, rowspan, portée

"Styling"

style (uniquement lorsqu'il passe la liste stricte des propriétés CSS autorisées)

Contrôles d'action

Les pages de blocage/de demande peuvent contenir ces actions :

Continuer : Sur une page d'invite uniquement, cela permet à l'utilisateur final d'accéder au site web
Signaler une mauvaise catégorie : L'utilisateur final peut signaler que la catégorie du site web qu'il tente d'accéder est incorrecte

Cela peut être ajouté au fichier HTML avec le hook d'action data-cato-slot. Par exemple :

<div data-cato-slot="continuer"></div>
<div data-cato-slot="signaler-mauvaise-catégorie"></div>

Politique d'URL

Liens (a[href])

Seules les URLs https:// sont autorisées.
- Les liens sortants sont automatiquement forcés vers :
  cible="_blank"
- rel="noopener noreferrer">
Par exemple, implémenter un bouton "Accéder au portail IT", comme un élément <a> stylé en CSS, pas un <button>

Images (img[src] )

Seuls les URIs de données intégrées sont pris en charge. Par exemple, data:image/png;base64,..., data:image/jpeg;base64,..., data:image/gif;base64,...
Les URLs d'images externes ne sont pas prises en charge

Paramètres dynamiques

Les paramètres dynamiques sont mis à jour en fonction de l'action effectuée par l'utilisateur :

{blockedURL} , {raison} , {utilisateur} , {adresse IP de l'hôte} , {adresse IP du serveur} , {adresse IP du client} , {catégories}

Validation du fichier HTML

Lorsque vous téléversez un fichier HTML, il est validé pour garantir qu'il ne contient aucun élément non pris en charge. Si la validation échoue, les erreurs sont affichées