Unable to Detect Mixpanel Events Blocked by Ad-Blockers in Angular18 Project

[Arkit-Sutariya]

I have integrated Mixpanel in my Angular18 project using the JavaScript SDK. When users enable an ad-blocker extension, I am not receiving any of their events. I want to detect how many users are using ad-blockers. I have tried multiple approaches to identify this issue, since the following error occurs in the user’s browser, but I have not found any solution yet.

Error: POST https://api-js.mixpanel.com/track/?verbose=1&ip=1&_=1759129490966 net::ERR_BLOCKED_BY_CLIENT

Code:

trackSignupStarted(additionalProperties: any = {}, userId?: string): void {
if (userId) {
this.identify(userId);
}

const signupData = {
  page: 'login_page',
  event_type: 'signup_funnel',
  funnel_step: 'started',
  referrer: document.referrer || 'direct',
  user_agent: navigator.userAgent,
  timestamp: new Date().toISOString(),
  user_id: userId, // Include user_id in the event properties
  ...additionalProperties
};

this.track('Signup Started', signupData);

}

track(id: string, action: any = {}): void {
this.initializeMixpanel(); // Ensure Mixpanel is initialized
mixpanel.track(id, action);
}

I have already initialized Mixpanel during page load.