' + '

'; document.body.appendChild(bubble); // ----- LABEL TOOLTIP (au-dessus de la bulle, 1x par session) ----- var labelAlreadyShown = false; try { labelAlreadyShown = sessionStorage.getItem('plg_label_shown') === '1'; } catch(e) {} if (!labelAlreadyShown) { var label = document.createElement('div'); label.id = 'plg-widget-label'; label.innerHTML = '

Une question ? Je suis là.

'; document.body.appendChild(label); try { sessionStorage.setItem('plg_label_shown', '1'); } catch(e) {} } // ----- BOUTON FERMER (pour iframe Julie) ----- var close = document.createElement('button'); close.id = 'plg-widget-close'; close.setAttribute('onclick', 'plgCloseAll()'); close.style.cssText = 'display:none;position:fixed;z-index:10000;width:32px;height:32px;border-radius:50%;background:white;border:none;cursor:pointer;font-size:14px;color:#1a1a2e;box-shadow:0 4px 12px rgba(0,0,0,0.12);align-items:center;justify-content:center;'; close.textContent = '\u2715'; document.body.appendChild(close); // ----- ECRAN DE CHOIX (refonte moderne) ----- var choice = document.createElement('div'); choice.id = 'plg-widget-choice'; choice.innerHTML = '' + '' + '

' + '

Julie

' + '

Conseillère PLG · en ligne

' + '

Comment pouvons-nous vous aider ?

' + '' + '' + '' + 'Envoyer un email à PLG' + '' + '' + '' + '' + 'Autres demandes' + '' + '' + '

' + '

Service gratuit · Réponse immédiate

'; document.body.appendChild(choice); // ----- IFRAME JULIE ----- var iframe = document.createElement('iframe'); iframe.id = 'plg-widget-frame'; iframe.title = 'Julie - Assistante PLG'; iframe.setAttribute('scrolling', 'no'); iframe.setAttribute('aria-hidden', 'true'); iframe.style.cssText = 'display:none;position:fixed;bottom:0;right:0;width:520px;height:700px;border:none;border-radius:16px 0 0 0;box-shadow:0 12px 48px rgba(0,0,0,0.16);z-index:9998;background:white;'; iframe.onerror = emergencyHide; iframe.src = iframeUrl; document.body.appendChild(iframe); // ----- SPA URL CHANGE DETECTOR ----- var plgLastUrl = window.location.href; if (intervalId) clearInterval(intervalId); intervalId = setInterval(function() { try { if (window.location.href !== plgLastUrl) { plgLastUrl = window.location.href; plgCheckVis(); } } catch(e) { emergencyHide(); } }, 1000); if (safetyCheckId) clearInterval(safetyCheckId); safetyCheckId = setInterval(safetyCheck, 3000); setTimeout(function() { try { var lbl = document.getElementById('plg-widget-label'); if (lbl && lbl.parentNode) lbl.parentNode.removeChild(lbl); } catch(e) {} }, 10000); plgCheckVis(); } catch(e) { emergencyHide(); } } // ========= STATE GLOBAL ========= window.plgChatOpen = false; window.plgChoiceOpen = false; // ========= ACTIONS ========= window.plgOpenChoice = function() { try { if (typeof dataLayer !== 'undefined') { dataLayer.push({event: 'chatbot_menu_open', event_category: 'engagement', event_label: 'julie_menu'}); } window.plgChoiceOpen = true; window.plgChatOpen = false; var bubble = document.getElementById('plg-widget-bubble'); var label = document.getElementById('plg-widget-label'); var choice = document.getElementById('plg-widget-choice'); var frame = document.getElementById('plg-widget-frame'); var close = document.getElementById('plg-widget-close'); if (bubble) bubble.style.display = 'none'; if (label) label.style.display = 'none'; if (choice) choice.style.display = 'flex'; if (frame) frame.style.display = 'none'; if (close) close.style.display = 'none'; } catch(e) { emergencyHide(); } }; window.plgChoiceJulie = function() { try { if (typeof dataLayer !== 'undefined') { dataLayer.push({event: 'chatbot_choice_julie', event_category: 'engagement', event_label: 'julie_widget'}); dataLayer.push({event: 'chatbot_open', event_category: 'engagement', event_label: 'julie_widget'}); } window.plgChoiceOpen = false; window.plgChatOpen = true; var choice = document.getElementById('plg-widget-choice'); var frame = document.getElementById('plg-widget-frame'); var close = document.getElementById('plg-widget-close'); if (choice) choice.style.display = 'none'; if (frame) frame.style.display = 'block'; if (close) close.style.display = 'flex'; if (window.innerWidth > 768 && close) { close.style.bottom = '686px'; close.style.right = '506px'; } } catch(e) { emergencyHide(); } }; window.plgChoiceEmail = function() { try { if (typeof dataLayer !== 'undefined') { dataLayer.push({event: 'chatbot_choice_email', event_category: 'engagement', event_label: 'mailto'}); } } catch(e) {} }; window.plgChoiceContact = function() { try { if (typeof dataLayer !== 'undefined') { dataLayer.push({event: 'chatbot_choice_contact', event_category: 'engagement', event_label: 'contact_page'}); } } catch(e) {} }; window.plgCloseAll = function() { try { window.plgChoiceOpen = false; window.plgChatOpen = false; var bubble = document.getElementById('plg-widget-bubble'); var choice = document.getElementById('plg-widget-choice'); var frame = document.getElementById('plg-widget-frame'); var close = document.getElementById('plg-widget-close'); if (choice) choice.style.display = 'none'; if (frame) frame.style.display = 'none'; if (close) close.style.display = 'none'; if (bubble) bubble.style.display = 'block'; } catch(e) { emergencyHide(); } }; window.plgToggleChat = function() { if (window.plgChatOpen || window.plgChoiceOpen) { plgCloseAll(); } else { plgOpenChoice(); } }; window.plgCheckVis = function() { try { var bubble = document.getElementById('plg-widget-bubble'); var label = document.getElementById('plg-widget-label'); if (!bubble) return; if (window.plgChatOpen || window.plgChoiceOpen) return; var path = window.location.pathname; var isMobile = window.innerWidth <= 768; var isHome = (path === '/' || path === '' || path === '/fr' || path === '/fr/'); var excluded = ( path.indexOf('/compte/') !== -1 || path.indexOf('/panier') !== -1 || path.indexOf('/livraison') !== -1 || path.indexOf('/verification') !== -1 || path.indexOf('/accuse-commande/') !== -1 ); if (excluded) { bubble.style.display = 'none'; if (label) label.style.display = 'none'; return; } if (isMobile && isHome) { bubble.style.display = 'none'; if (label) label.style.display = 'none'; return; } bubble.style.display = 'block'; } catch(e) { emergencyHide(); } }; window.addEventListener('resize', function() { try { plgCheckVis(); var close = document.getElementById('plg-widget-close'); if (window.plgChatOpen && close && window.innerWidth > 768) { close.style.bottom = '686px'; close.style.right = '506px'; } } catch(e) { emergencyHide(); } }); window.addEventListener('message', function(e) { try { if (!e.data || typeof e.data !== 'object') return; if (e.data.type !== 'plg_analytics') return; if (typeof dataLayer === 'undefined') return; var obj = {event: e.data.event}; var d = e.data.data || {}; for (var k in d) { obj[k] = d[k]; } dataLayer.push(obj); } catch(ex) {} }); window.addEventListener('error', function(e) { try { var msg = String(e.message || '').toLowerCase(); var src = String(e.filename || '').toLowerCase(); if (msg.indexOf('plg') !== -1 || src.indexOf('plg-chatbot') !== -1) { emergencyHide(); if (typeof dataLayer !== 'undefined') { dataLayer.push({ event: 'chatbot_error', error_message: String(e.message).substring(0, 200) }); } } } catch(ex) {} }); window.addEventListener('beforeunload', function() { try { if (intervalId) { clearInterval(intervalId); intervalId = null; } if (safetyCheckId) { clearInterval(safetyCheckId); safetyCheckId = null; } } catch(e) {} }); if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', plgInit); } else { plgInit(); } })();

Sèche-mains rapides, économiques et écologiques pour une hygiène optimale

Comment choisir le meilleur sèche-mains ?

0 produits