Rankraze — Enterprise Web & Digital Growth Ecosystem

// DeferredThirdPartyScripts.tsx
export default function DeferredThirdPartyScripts() {
  const [loaded, setLoaded] = useState(false);

  useEffect(() => {
    const triggerEvents = ['scroll', 'mousemove', 'touchstart', 'keydown'];
    const handleTrigger = () => {
      setLoaded(true);
      triggerEvents.forEach((evt) => window.removeEventListener(evt, handleTrigger));
    };

    triggerEvents.forEach((evt) => window.addEventListener(evt, handleTrigger, { passive: true }));
    const fallbackTimer = setTimeout(() => setLoaded(true), 4000);

    return () => {
      triggerEvents.forEach((evt) => window.removeEventListener(evt, handleTrigger));
      clearTimeout(fallbackTimer);
    };
  }, []);

  if (!loaded) return null;
  return <ThirdPartyTrackingScripts />;
}