Join “How to Know When It’s Time to Switch Your MSP” Live

You’re not imagining it. When your MSP stops keeping up, your business starts falling behind.

Join our live webinar to hear how others made the switch—with zero disruption—and get expert answers to your toughest questions in a live Q&A.

Hear directly from Espria clients who’ve made the leap and never looked back. We’ll walk you through:

The warning signs you’ve outgrown your MSP
The hidden risks of staying too long
Why switching doesn’t have to be disruptive

Join us on [INSERT DATE] at [INSERT TIME] to start your journey to a better IT partnership.

Trusted by:

Make the Switch

This webinar will arm you with everything you need to inform your MSP decision. Assess your current position thoroughly, know what to look out for, and make a clean and easy switch to the right provider.

Make the switch

Above the fold Image Desktop

(function() { 'use strict'; // Initialize dataLayer if it doesn't exist window.dataLayer = window.dataLayer || []; // Function to push form submit event to dataLayer function pushFormSubmitEvent() { window.dataLayer.push({ 'event': 'form_submit', 'form_type': 'microsoft_booking', 'form_location': 'consultation_booking', 'form_id': 'booking_iframe', 'timestamp': new Date().toISOString() }); console.log('Microsoft Booking Form Submit Event Pushed to GTM'); } // Method 1: Listen for postMessage from Microsoft Booking iframe function setupPostMessageListener() { window.addEventListener('message', function(event) { // Check if message is from Microsoft Booking system if (event.origin.includes('outlook.office365.com') || event.origin.includes('bookings.office.com') || event.origin.includes('office365.com')) { console.log('Message received from booking system:', event.data); // Look for booking completion/submission indicators if (event.data) { // Check for various success indicators const data = typeof event.data === 'string' ? event.data.toLowerCase() : event.data; if (typeof data === 'string') { if (data.includes('booking') && (data.includes('success') || data.includes('complete') || data.includes('confirm'))) { pushFormSubmitEvent(); } } else if (typeof data === 'object') { if (data.type === 'booking_completed' || data.action === 'submit' || data.status === 'success' || data.event === 'booking_success' || data.messageType === 'booking_confirmed') { pushFormSubmitEvent(); } } } } }); } // Method 2: Monitor iframe URL changes (if accessible) function monitorIframeChanges() { const iframe = document.querySelector('iframe[src*="outlook.office365.com/book"]'); if (iframe) { // Try to monitor iframe for navigation changes let lastUrl = ''; const checkIframeUrl = function() { try { // This will fail due to CORS, but we can still detect some changes const currentUrl = iframe.contentWindow.location.href; if (currentUrl !== lastUrl) { lastUrl = currentUrl; // Check if URL indicates booking completion if (currentUrl.includes('success') || currentUrl.includes('complete') || currentUrl.includes('confirmation')) { pushFormSubmitEvent(); } } } catch (e) { // Expected to fail due to CORS, but iframe load events might still work } }; // Monitor iframe load events iframe.addEventListener('load', function() { console.log('Booking iframe loaded/navigated'); setTimeout(checkIframeUrl, 1000); }); // Periodic check (as backup) setInterval(checkIframeUrl, 2000); } } // Method 3: Monitor iframe height changes (booking systems often resize after submission) function monitorIframeResize() { const iframe = document.querySelector('iframe[src*="outlook.office365.com/book"]'); if (iframe) { let initialHeight = iframe.offsetHeight; let hasResized = false; const observer = new ResizeObserver(function(entries) { for (let entry of entries) { const newHeight = entry.contentRect.height; // If iframe significantly changes height after initial load, might indicate form submission if (Math.abs(newHeight - initialHeight) > 100 && !hasResized) { hasResized = true; console.log('Booking iframe resized significantly - possible form submission'); // Wait a bit more to see if it's a submission confirmation setTimeout(function() { pushFormSubmitEvent(); }, 2000); } } }); // Start observing after iframe loads iframe.addEventListener('load', function() { setTimeout(function() { initialHeight = iframe.offsetHeight; observer.observe(iframe); }, 1000); }); } } // Method 4: Enhanced interaction monitoring with focus detection function monitorUserInteraction() { const iframe = document.querySelector('iframe[src*="outlook.office365.com/book"]'); if (iframe) { let interactionStartTime = null; let hasInteracted = false; let focusTimeout = null; // Detect when user starts interacting with iframe iframe.addEventListener('mouseenter', function() { if (!interactionStartTime) { interactionStartTime = Date.now(); console.log('User started interacting with booking form'); } }); // Detect when iframe gains focus (user clicked inside) window.addEventListener('blur', function() { // Window lost focus, possibly because iframe gained focus if (interactionStartTime && !hasInteracted) { hasInteracted = true; console.log('User likely clicked inside booking iframe'); // Set up a longer timeout for form submission detection focusTimeout = setTimeout(function() { // Check if user is still interacting (form submission likely occurred) const interactionDuration = Date.now() - interactionStartTime; if (interactionDuration > 30000) { // 30 seconds of interaction console.log('Long interaction detected - likely form submission'); pushFormSubmitEvent(); } }, 45000); // Wait 45 seconds } }); // Cancel timeout if window regains focus quickly (user didn't submit) window.addEventListener('focus', function() { if (focusTimeout && (Date.now() - interactionStartTime) < 10000) { clearTimeout(focusTimeout); console.log('Quick focus return - probably not a form submission'); } }); } } // Method 5: Network activity monitoring (experimental) function monitorNetworkActivity() { // Monitor fetch/XHR requests that might indicate form submission const originalFetch = window.fetch; const originalXHR = window.XMLHttpRequest.prototype.open; // Intercept fetch requests window.fetch = function(...args) { const url = args[0]; if (typeof url === 'string' && (url.includes('outlook.office365.com') || url.includes('bookings.office.com'))) { console.log('Booking-related network request detected:', url); // If it's a POST request to booking endpoints, likely a form submission if (args[1] && args[1].method === 'POST') { setTimeout(function() { pushFormSubmitEvent(); }, 1000); } } return originalFetch.apply(this, args); }; } // Initialize all tracking methods function initializeTracking() { console.log('Initializing Microsoft Booking iframe tracking...'); setupPostMessageListener(); monitorIframeChanges(); monitorIframeResize(); monitorUserInteraction(); monitorNetworkActivity(); console.log('Microsoft Booking tracking initialized'); } // Wait for iframe to be available function waitForIframe() { const iframe = document.querySelector('iframe[src*="outlook.office365.com/book"]'); if (iframe) { initializeTracking(); } else { setTimeout(waitForIframe, 1000); } } // Start tracking when DOM is ready if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', waitForIframe); } else { waitForIframe(); } })();