Function injectTracker

example/web/src/app/page.tsx:76–123

()

  const [batchProgress, setBatchProgress] = useState(0);

  const injectTracker = async () => {
    if (isInjecting) return;

    setIsInjecting(true);

    if (injectedEl) {
      injectedEl.remove();
      setInjectedEl(null);
      setEventCounts({});
    }

    if (!backendUrl || !websiteId) {
      toast.error(
        'Missing required fields! Please fill in both Backend URL and Website ID.',
        {
          description: 'Both fields are required to initialize the tracker.',
        }
      );
      setIsInjecting(false);
      return;
    }

    try {
      const scriptEl = await initTianjiTracker({
        url: backendUrl,
        websiteId,
      });

      console.log('scriptEl', scriptEl);
      if (scriptEl) {
        setInjectedEl(scriptEl);
      }
      toast.success('Tianji tracker injected successfully!', {
        description:
          'You can now start sending events to your analytics dashboard.',
      });
    } catch (error) {
      toast.error(
        'Failed to inject tracker. Please check your configuration.',
        {
          description: 'Make sure your backend URL is correct and accessible.',
        }
      );
      console.error('Tracker injection error:', error);
    } finally {
      setIsInjecting(false);
    }
  };

  const incrementEventCount = (eventType: string, count: number = 1) => {
    setEventCounts((prev) => ({