Intégrations possibles

Différentes intégrations possibles

Wordpress

Dydu propose un plugin Wordpress : dyduPress. Ce plugin permet l’intégration et donc la mise à disposition de son chatbot dydu sur son site wordpress.

Téléchargez les fichiers du plugin dans le répertoire /wp-content/plugins/dydupress, ou installez le plugin directement via l’écran des plugins de WordPress.

Une fois le plugin installé, saisissez l’URL de votre chatbox dans les paramètres du plugin et enregistrez vos modifications.

Votre chatbot est prêt à être utilisée dans votre Wordpress.

ServiceNow

Il est possible d’intégrer son chatbot dydu au sein de son instance Service Now. Cette intégration se fait à travers la création et l’utilisation d’un widget Service Now. Vous pouvez suivre le tutoriel vidéo ci-dessous pour procéder à l’intégration de votre chatbot sur ServiceNow

Sharepoint Online

Il est possible d’intégrer son chatbot dydu sur Sharepoint grâce à une extension fournie par dydu. Les éléments nécessaires pour l'intégration sont:

• Nom de l'application Dydu sur Sharepoint

• Description

• Icone

• Images de captures d'écran

• Nom du client

• URL de la CV5

Ensuite un package sppkg installable dans l'interface Sharepoint est fourni.

La boîte de dialogue s'affiche de la même manière que sur un site standard.

Intégration avec Content Security Policy (CSP)

Dans le cas d'une intégration de la chatbox sur une page définissant une Content Security Policy (CSP), les modifications suivantes sont nécessaires pour assurer le fonctionnement attendu de la solution :

Intégration du script avec un attribut nonce

Le script de chargement de la chatbox doit être intégré en y définissant un attribut nonce. Ce nonce (nombre utilisé une seule fois) peut être statique ou dynamique ; l'élément crucial est que la valeur définie soit strictement la même que celle reportée dans l'en-tête CSP.

Exemple d'intégration du script :

<script nonce="dydu" src="[url_cdn]"></script>

Adaptation des directives CSP

La politique de sécurité (CSP) doit être adaptée en y ajoutant le nonce et les URL Dydu (ou équivalentes) à autoriser par catégorie.

Points clés à intégrer :

• script-src : L'ajout de 'strict-dynamic' est obligatoire. Il autorise l'exécution des scripts via l'attribut nonce et permet aux scripts ainsi autorisés de charger leurs dépendances.

• style-src : Nécessite 'unsafe-inline' pour l'application des styles par la chatbox.

• connect-src, img-src, font-src : Doivent être configurés pour autoriser les communications avec l'URL du serveur de la solution (https://[VOTRE_SERVEUR]) ainsi que l'URL du CDN (https://cdn.doyoudreamup.com).

Exemple complet de méta-balise CSP (à adapter) :

<meta http-equiv="Content-Security-Policy"
      content="default-src 'self';
               script-src 'nonce-dydu' 'strict-dynamic';
               style-src 'unsafe-inline';
               connect-src https://[url_serveur]/servlet/api https://cdn.doyoudreamup.com;
               img-src data: https://[url_serveur] https://cdn.doyoudreamup.com;
               font-src https://[url_serveur] https://cdn.doyoudreamup.com;
               "
/>

L'URL https://[url_serveur] dans l'exemple doit être remplacée par l'URL de votre serveur spécifique (ex. : https://app1.earth.doyoudreamup.com). Le lien https://cdn.doyoudreamup.com est commun à toutes les intégrations et ne doit pas être modifié.

Accessibilité de la chatbox

Les chatbox dydu respectent également les normes d’accessibilité RGAA en termes :

• Sommaire

• de navigation au sein de la chatbox.

Les normes RGAA ont été intégrées pour que le design de la chatbox soit conforme. Néanmoins, la responsabilité du respect de ces normes est au final du ressort du client puisque ce même design peut-être personnalisé à travers la dyduBox.

La chatbox par défaut (sans personnalisation) est conçue pour respecter ces normes. Par ailleurs, dydu met à disposition de ses clients une documentation dédiée pour les accompagner dans la mise en conformité du design. On peut ainsi distinguer deux types d'éléments au niveau de la chatbox :

• des éléments déjà présents dans le code HTML de la chatbox (supportés par dydu),

• des éléments qui seront ajoutés lors de la personnalisation de la chatbot (à la charge du client)

Chatbox & responsive design

La chatbox est responsive : elle s’adapte à la taille de l’écran utilisé, que l’utilisateur final soit sur un site web ou une application. L’affichage peut être personnalisé en fonction de l’appareil de l’utilisateur (mobile, tablette, desktop) et de son système d’exploitation (iOS, Android).