Plugins - Co-navigation - TeamViewer Support
<main> <article class="userContent"> <p>Chemin de navigation : <code class="code codeInline" spellcheck="false" tabindex="0">Plugins</code></p><p>Lors de l'ajout ou de la modification de votre module de co-navigation, les éléments suivants peuvent être configurés :</p><p><br></p><h3></h3><h2 data-id="tab%3A-general">Onglet : Général</h2><h3 data-id="recordings">Enregistrements</h3><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://docs.chatvisor.com/img/newdocsimg/css_plugin-cobrowsing-recordings.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://docs.chatvisor.com/img/newdocsimg/css_plugin-cobrowsing-recordings.png" alt="alt-text" height="180" width="320" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><br></p><p>Choisissez si vous voulez sauvegarder ou non les enregistrements de vos sessions de Co-Browsing. Certains pays exigent que les entreprises (notamment les banques) documentent chaque interaction avec les clients pour des raisons d'audit.</p><h3 data-id="optin">Optin</h3><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing_2_optin.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing_2_optin.png" alt="alt-text" height="180" width="320" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h3 data-id="-1"></h3><h3 data-id="privacy">Vie privée</h3><h4 data-id="web">Web</h4><h5 data-id="agent-side">Côté agent</h5><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing_3_privacy.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing_3_privacy.png" alt="alt-text" height="180" width="320" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><br></p><h5 data-id="mask-user-inputs">Masquer les entrées de l'utilisateur</h5><p>Toutes les entrées des utilisateurs sont masquées. Les champs de mot de passe sont masqués dans tous les cas - ce qui ne nécessite aucune configuration. Masqué pour TeamViewer Engage signifie que tous les caractères sont remplacés par '*' et donc non identifiables pour l'agent.</p><p>Remarque : le masquage côté agent avec TeamViewer Engage signifie en fait que les données sont exclues de la transmission des données. Exclues signifie que les données potentiellement sensibles ne seront à aucun moment capturées et transférées ailleurs depuis le côté client. En outre, il convient de souligner que la validation du caractère sensible ou non des données s'effectue entièrement du côté client, ce qui implique également que les données sensibles ne seront jamais transférées.</p><h5 data-id="mask-digits">Chiffres du masque</h5><p>Masquer tous les chiffres.</p><h5 data-id="mask-content">Contenu du masque</h5><p>Tout le contenu du site Web est masqué. Chaque champ de texte, chaque champ de saisie - littéralement tout type de contenu. Utilisez "Masquer le contenu" avec la liste blanche pour démasquer le contenu lorsque vous êtes sûr qu'il ne contient aucune information personnelle identifiable (IPI).</p><h5 data-id="store-and-show-the-ip-address-of-visitors">Stocker et afficher l'adresse IP des visiteurs</h5><p>Stocker et afficher l'adresse IP des visiteurs. Par défaut, TeamViewer Engage ne stocke aucune adresse IP (recommandé). Veuillez noter que l'adresse IP est considérée comme une DPI.</p><h5 data-id="agent-side-blacklistingwhitelisting">Liste noire et liste blanche côté agent</h5><p>Ces options sont cachées sous le bouton "Avancé" au bas de cette section.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing_4_privacy-blacklist.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing_4_privacy-blacklist.png" alt="alt-text" height="180" width="320" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><br></p><p>Grâce aux sélecteurs HTML/CSS, vous pouvez sélectionner et masquer du contenu sans avoir à modifier votre code.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6032394/uploads/U92DY1U03AQ4/image.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6032394/uploads/U92DY1U03AQ4/image.png" alt="image.png" height="113" width="562" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><br></p><p>Pour masquer certaines classes CSS, utilisez '.' + "your-css-class", pour masquer le HTML, par exemple, ajoutez un 'p' (sans apostrophes) pour <code class="code codeInline" spellcheck="false" tabindex="0"><p></code>.</p><h5 data-id="customer-side-blacklisting">Liste noire côté client</h5><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing_3_privacy_customerside.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing_3_privacy_customerside.png" alt="alt-text" height="180" width="320" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><br></p><p>Les options de mise sur liste noire fonctionnent ici de la même manière que celles proposées pour la mise sur liste noire côté agent.</p><p>Les éléments figurant sur cette liste noire sont cachés au client mais restent transmis et entièrement visibles pour l'agent.</p><p><strong>📌Note</strong>: Pour des raisons techniques, le masquage côté client ne peut pas cacher complètement le contenu aux clients. Si, par exemple, le texte de la liste noire ne peut pas être vu visuellement, il peut toujours être trouvé si le client inspecte le code HTML du site.</p><h3 data-id="advanced">Avancé</h3><h4 data-id="disable-iframes">Désactiver les iframes</h4><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing_5_iframes.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing_5_iframes.png" alt="alt-text" height="180" width="320" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><br></p><p>Les IFrames ne sont visibles pendant une session de Co-Browsing que si l'origine inclut également le JavaScript de TeamViewer Engage. Grâce à cette option, vous pouvez définir si les IFrames provenant d'une origine où le TeamViewer Engage JavaScript est inclus doivent ou non être affichées dans une session de Co-Browsing.</p><h4 data-id="transfer-only-with-xhr">Transfert uniquement avec XHR</h4><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing_6_disable-websockets.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing_6_disable-websockets.png" alt="alt-text" height="180" width="320" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><br></p><p>Si votre infrastructure ou votre installation est protégée par un pare-feu qui désactive toutes les connexions WebSocket, vous devez activer cette option pour vous assurer que la connexion entre TeamViewer Engage et votre site Web/plateforme est constante. En règle générale, les WebSockets sont notre mode de connexion préféré car ils offrent une connexion plus rapide - l'utilisation de XHR fonctionne également très bien.</p><h4 data-id="shadow-dom-prefix">Préfixe Shadow Dom</h4><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing_7_shadow-doms.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing_7_shadow-doms.png" alt="alt-text" height="180" width="320" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><br></p><h4 data-id="optimize-performance">Optimiser les performances</h4><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing_8_performance.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing_8_performance.png" alt="alt-text" height="180" width="320" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><br></p><h4 data-id="keep-session-for-different-domains">Conserver la session pour différents domaines</h4><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing_9_continuous-session.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing_9_continuous-session.png" alt="alt-text" height="180" width="320" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><br></p><p>Dans le cas où vous avez une page multi-domaine ou utilisez des sous-domaines, nous avons besoin que vous les spécifiiez pour assurer une expérience continue de Co-Browsing. S'ils ne sont pas configurés, une session de Co-Browsing sera déconnectée par le changement de page. Pour que TeamViewer Engage comprenne qu'une session se poursuit sur un autre domaine ou sous-domaine, il faut que vous le précisiez.</p><h4 data-id="session-based-visitor-id">ID du visiteur basé sur la session</h4><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing_10_session-based-visitor-id.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing_10_session-based-visitor-id.png" alt="alt-text" height="180" width="320" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><br></p><p>TeamViewer Engage donne à tout utilisateur qui visite une page sur laquelle notre JavaScript est implémenté son propre ID. Habituellement, ces ID sont stockés et lus depuis le localstorage et peuvent durer longtemps. Si cette option est activée, les identifiants sont stockés dans la mémoire de session et expirent lorsque l'utilisateur ferme l'onglet du navigateur.</p><h4 data-id="resource-loading">Chargement des ressources</h4><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing_11-resource-loading.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing_11-resource-loading.png" alt="alt-text" height="180" width="320" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><br></p><p>TeamViewer Engage chargera les ressources (images, feuilles de style) principalement à partir du cache de TeamViewer Engage - DEV. Ceci est utile pour empêcher TeamViewer Engage - DEV de demander des ressources de votre site.</p><h4 data-id="webgl">WebGL</h4><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing_12_webgl.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing_12_webgl.png" alt="alt-text" height="180" width="320" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><br></p><p>Activez cette option pour activer la prise en charge du canevas WebGL.</p><h4 data-id="max-transferred-bytes">Octets transférés maximum</h4><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing_13_max-bytes.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing_13_max-bytes.png" alt="alt-text" height="180" width="320" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><br></p><p>Entrez le nombre maximum d'octets qui peuvent être transmis après le redémarrage de la session.</p><p><br></p><h3 data-id="-2"></h3><h2 data-id="tab%3A-co-browsing">Onglet : Co-navigation</h2><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing-tab.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing-tab.png" alt="alt-text" height="180" width="320" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><br></p><p><strong>📌Note</strong>: certaines options ne sont visibles que lorsque la co-navigation est activée.</p><h3 data-id="general">Général</h3><p>Ici, vous pouvez activer le co-navigation</p><h4 data-id="user-interface">Interface utilisateur</h4><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing-specific_2_opt-in-ui.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing-specific_2_opt-in-ui.png" alt="alt-text" height="180" width="320" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><br></p><h5 data-id="default-optin-ui">Interface utilisateur Optin par défaut</h5><p>La configuration marquée en rouge ajoutera un widget à votre page, qui permettra aux utilisateurs de démarrer une session d'optin et de co-navigation.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing-specific_2_opt-in-bubble-widget.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing-specific_2_opt-in-bubble-widget.png" alt="alt-text" height="180" width="320" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><br></p><h5 data-id="additional-optin-popup-when-co-browsing-is-started">Popup optin supplémentaire lorsque la co-navigation est lancée</h5><p>Lorsque la fonction CV.cobrowse.start() est appelée, une fenêtre popup supplémentaire est affichée du côté client pour confirmer le démarrage du Co-Browsing.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing-specific_3_additional_popup.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing-specific_3_additional_popup.png" alt="alt-text" height="180" width="320" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><br></p><h5 data-id="show-joined-agents-in-co-browsing-view">Afficher les agents joints dans la vue de co-navigation</h5><p>En haut de la vue des clients (visiteurs), le nombre d'agents rejoints est indiqué.</p><h3 data-id="bidirectional">Bidirectionnel</h3><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing-specific_1_bidirectional.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing-specific_1_bidirectional.png" alt="alt-text" height="180" width="320" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><br></p><p>Dans cette section, vous pouvez configurer l'activité de vos agents pendant une session de co-navigation (dans la vue Agent). Il existe trois options complémentaires, mais indépendantes les unes des autres :</p><ul><li>Permettre des interactions bidirectionnelles</li><li>Permettre aux agents de guider et de diriger les clients. En activant ce curseur à bascule, les agents pourront faire défiler et cliquer au nom du client.</li><li>Désactiver le dessin</li><li>Par défaut, les agents peuvent donner des indications visuelles aux clients avec la fonction de dessin. Cette fonction peut être désactivée.</li><li>Désactiver la souris</li><li>Par défaut, les agents peuvent partager la position du curseur de leur souris avec les clients pour les guider, mais pas cliquer ou faire défiler pour eux. Cette fonction peut être désactivée.</li></ul><h3 data-id="advanced-1">Avancé</h3><p>Partage de liens</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing-specific_3_share-sessions-link.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://docs.chatvisor.com/img/newdocsimg/css-configuration_module-configuration_co-browsing-specific_3_share-sessions-link.png" alt="alt-text" height="180" width="320" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p>Permettez aux clients de partager leur session sur votre site web avec leurs pairs. Fournissez aux clients un lien de co-navigation qu'ils peuvent partager. Pour une configuration et une mise en œuvre plus poussées, consultez les <a href="https://developers.chatvisor.com/#operation/getUrlOfSessionByShareIdUsingGET" rel="nofollow noreferrer ugc">documents relatifs à</a> notre <a href="https://developers.chatvisor.com/#operation/getUrlOfSessionByShareIdUsingGET" rel="nofollow noreferrer ugc">API REST</a>.</p><p><br></p><h3 data-id="-3"></h3><h2 data-id="continue-reading-here">Continuer la lecture ici</h2><ul><li><a href="https://community.teamviewer.com/English/kb/articles/108744-plugins-04-audio-video-screenshare" rel="nofollow noreferrer ugc">Plugins - 04 Audio / Vidéo / Partage d'écran</a></li></ul><p><br></p> </article> </main>
