How to bypass Browser add-ons from Blocking Azure Application Insight Logs
I'm using Application Insights JS SDK React Plugin to log application insights data to Azure. This data publishing could get blocked by some browser extensions such as Ad Blocker, Privacy Badger, etc. In my case analytics got blocked by Privacy Badger while experimenting.
I know it can be prevented by disabling relevant add-ons for the particular site from the browser. Just wondering is there a particular way to prevent this from implementation side without asking users to disable their add-ons.
Have you considered building a proxy to forward traffic to your own domain before then passing it off to App Insights?
https://github.com/shaneochotny/ApplicationInsights-JS-Proxy
Show how to proxy requests from the Application Insights Javascript SDK instead of sending telemetry directly to dc.services.visualstudio.com. This allows you to do things such as use your own custom domain and/or hide the Instrumentation Key.
There are step by step instructions in that link to configure this
- DeepCopy Object in JavaScript using immer
- POST https://localhost:5000/stored net::ERR_SSL_PROTOCOL_ERROR
- How to get data from React native FormData Object
- Wrapping app component with contextProvider component makes the webpage empty
- Cannot build frontend using Vite, TailwindCSS with PostCSS
- Is there a way to make Google wait until all data is loaded for my React website hosted on Firebase with a DB from Firebase before indexing?
- Cypress - Drag and drop not working on a react-based website
- ReactJS: React.render is not a function and React.createElement is not a function
- ERESOLVE unable to resolve dependency tree while installing a pacakge
- ReactJS <input type="date" > format date
- How to disable the Material UI Link API component
- Layout issues with <video> element
- Table data inside forms is not saving
- Where to put constants and types in a React Typescript project
- How to organize types definitions in a React project using Typescript
- STRUGGLING WITH NOTIFICATION COMPONENT
- How to update default value of MUI TextField?
- Tailwind margin and padding not applying
- Error: NativeViewGestureHandler must be used as a descendant of GestureHandlerRootView
- How to change active tab color in Material UI?
- Attempted import error: 'Wallet' is not exported from '@project-serum/anchor'
- React Input Validation Not Working in Form
- React router v6 doesn't support <Prompt /> or usePrompt
- Keycloak authentication with `react-oidc-context`: "No matching state found in storage" after page refresh
- How do you set the document title in React?
- Hiding my API key from being accessed directly
- TailwindCSS not working with Vite + React
- I18nManager.forceRTL doesn't applies changes in first app load
- How can I reduce excess space on the left in react-native-picker/picker?
- Real Time Speech-To-Text Application using socket-io