Dépannage

Le bouton Assistant n'apparaît pas

Vous voyez des boutons d'assistance en double à côté de la même zone de texte.

Solutions possibles :

• Videz le cache du navigateur : Rafraîchissez votre page (Ctrl+Shift+R sur Windows/Linux, Cmd+Shift+R sur Mac) pour vous assurer que vous\
• Vérifiez que le script est chargé : Ouvrez les outils de développement du navigateur (F12), allez dans l'onglet Console et recherchez les erreurs JavaScript. Assurez-vous que le script se charge sans erreurs.
• Vérifiez le placement de l'extrait : Assurez-vous que la balise script est dans le <head> section, et non dans la <body>. Le script doit se charger avant le contenu de la page.
• Vérifiez les zones de texte : Le Assistant n'apparaît qu'à côté des <textarea> et <input type="text"> éléments. Assurez-vous que ces éléments existent sur votre page.
• Vérifiez le sélecteur : Vérifiez que votre sélecteur CSS est correct et cible un véritable élément de zone de texte sur votre page.
• Désactivez les bloqueurs de publicité : Certains bloqueurs de publicité ou extensions de confidentialité peuvent interférer avec le script Assistant. Testez dans une fenêtre de navigation privée/incognito.

Erreurs de politique de sécurité du contenu (CSP)

La console de votre navigateur affiche des violations CSP empêchant le chargement du script.

Content-Security-Policy: script-src 'self' https://ai-anywhere.ai;

Si vous utilisez des balises meta dans HTML :

<meta http-equiv="Content-Security-Policy" 
      content="script-src 'self' https://ai-anywhere.ai;">

Le bouton Assistant ne répond pas

Le bouton Assistant apparaît mais rien ne se passe lorsqu'on clique dessus.

Solutions possibles :

• Vérifiez la console du navigateur : Ouvrez les outils de développement (F12) et recherchez les messages d'erreur qui pourraient indiquer des problèmes d'authentification ou de réseau.
• Vérifiez les requêtes réseau : Dans l'onglet Réseau des outils de développement, vérifiez que les requêtes API vers AI Anywhere réussissent (statut 200) et ne sont pas bloquées.
• Testez avec un autre navigateur : Éliminez les problèmes spécifiques au navigateur en testant dans Chrome, Firefox ou Safari.
• Désactivez les extensions du navigateur : Certaines extensions peuvent interférer avec l'exécution de JavaScript. Testez avec les extensions désactivées.

Apparition de plusieurs boutons d'assistance

Vous voyez des boutons d'assistance en double à côté de la même zone de texte.

Solutions :

• Vérifiez les fragments en double : Recherchez dans votre HTML/modèles pour vous assurer que la balise script n'apparaît qu'une seule fois. <head> section.
• React/Vue/Angular : Assurez-vous que le script est chargé une seule fois en utilisant useEffect (React) ou des hooks montés, et ajoutez une protection pour éviter le rechargement.
• Utilisez une protection de chargement : Vérifiez si le script existe déjà avant de l'ajouter :
  if (!document.querySelector('script[src*="ai-anywhere.ai"]')) { // Add script here }

Problèmes de performance ou de chargement

Le script d'assistance ralentit le chargement de votre page ou cause des problèmes de performance.

Solutions :

• Utilisez le chargement asynchrone : Ajoutez async attribut à la balise script (bien que notre script se charge déjà de manière asynchrone).
• Différez le chargement du script : Si votre page contient de nombreux scripts, envisagez de charger le script d'assistance avec defer attribut pour le charger après l'analyse de la page.
• Vérifiez le timing réseau : Utilisez l'onglet Réseau des outils de développement du navigateur pour voir si le script prend un temps inhabituellement long à télécharger.
• Optimisez votre page : Le script d'assistance est léger (~50 Ko), mais si votre page est déjà lente, optimisez d'abord les autres ressources.

Conflits de style

Le bouton Assistant ne correspond pas au design de votre site ou entre en conflit avec votre CSS.

Solutions :

• Remplacez avec du CSS : Utilisez des sélecteurs plus spécifiques ou !important pour remplacer les styles de l'assistant :
  .ai-helper-button { background-color: #your-color !important; border-radius: 8px !important; }
• Utilisez la personnalisation du thème : Configurez les couleurs et styles des boutons dans les paramètres de votre assistant pour correspondre à votre marque.
• Vérifiez la spécificité CSS : Assurez-vous que vos styles personnalisés ont une spécificité CSS plus élevée que les styles par défaut de l'assistant.

Problèmes de compatibilité avec les navigateurs

L'assistance fonctionne dans certains navigateurs mais pas dans d'autres.

Si les problèmes persistent :

• Mettez à jour votre navigateur : Assurez-vous d'utiliser la dernière version de votre navigateur.
• Vérifiez que JavaScript est activé : Vérifiez que JavaScript est activé dans les paramètres de votre navigateur.
• Testez en mode incognito : Éliminez les conflits d'extensions en testant en mode privé/incognito.