Google Analytics tracking un-configured events - javascript

We have been facing strange concerns with google analytics. Its tracking few unconfigured events.
Event labels as Logs , Jobs, Job etc.
Are these events tracked by GA by default? Not sure only for few pages its tracking or it is added from client end.. Is there a way to overcome it?
I have checked all the pages and code for this events is absent.

It could be from someone messing around in the console, somebody using your account ID, or code that you've missed / conditionally triggers. Go into the Behavior > Events > Top Events, select your event label you question, and then in the report add a secondary dimension of "Page". This will show you all the pages that event label occurred on.

Related

Unable to preventDefault inside passive event listener - react js

i'm creating an app with custom drag and drop events i've written alot of code can't share it over here due to unlimited props and other data coming in it . It's a calender with events . the user can drag and drop the events from one date to another and also can drop it on time aswell Screenshot of calender with draggable event please have a look into it
i've uploaded the website with debuggers in all functions ...
**how to generate the problem **
when we drag the events it will work fine .(Open inspect element) now drag the event with touch of screen it will generate the error Screenshot of error have a look , screenshot of error with open dropdown
Please Help i've tried all of the solution found on the internet about this issue but didn't fixed it please don't mention duplicate of this solution i've tried all of them but didn't success
how to open the events on calendar on website Please have a look in this screen it has the steps of opening the events calendar
For code and debugging please Visit Link to my website with error
i have added a debugger on all functions just for you so you can debug it ... Thanks....
I had to use the component from react-event-injector https://www.npmjs.com/package/react-event-injector. Also know that touch events use a different API and methods than mouse events, that threw me for a bit. That might be common knowledge though!

How do I locate the function that is stealing DOM focus?

I'm trying to debug the integration between my app and Stripe's Elements component library. Everything works fine in sandbox mode, but we ran into a problem on production in the 3D Secure authentication process. This involves loading an iframe, into our app, that contains a form from the credit card's issuer (usually via a technology partner, like Arcot).
The form loads correctly and its buttons are working as expected, but the element (for a SMS one time code) is not behaving. Every time I click on the input, something is immediately pushing the focus back to the element of the iframe. This makes it impossible to type anything in, since by the time I touch a key, the input is not in focus. For reference, it is possible to change the input's value using document.getElementById('enterPIN').value = '123456';
I'm not sure if my app is triggering focus() calls (I don't think so) or if it is some part of the iframe code or even Stripe's. Is there a good way to monitor DOM events and do a stack trace for the trigger of each one?
I tried two tactics. Neither gave an obvious answer, but they did point my search in the right direction.
I opened the Event Listeners panel (in the Elements tab of my browser's developer tools) and removed everything I could find, but it seems that this doesn't actually change the behavior of the page- focus kept being stolen away. Luckily, I also noticed some listeners that were defined by the Material UI library.
I used monitorEvents() to get a few more details, but the src & target values were not much help and event.relatedTarget was always null.
In the end, I found this discussion and realized that my MUI Dialog component was stealing focus whenever I clicked on the iframe triggered by its content. This was easily fixed by adding the disableEnforceFocus attribute.

How to find which Javascript fires or handles an event?

I am working on a HTML5 application framework, run by a SAP JEE application server, build for companies and their intranet and extranet sites. It is based on the grid framework "Semantic UI" and besides that contains a lot of (also third party) Javascript.
I am currently examining a bug, where clicking a specific icon in a menu, when the page is scrolled down, makes the page somehow scroll back again upwards.
Since there is this great amount of Javascript around, I am currently struggling to find the JS code snippet, which is causing this odd behaviour.
I've read this post here, and got to know event logging in Firebug and inspecting event handlers in Chrome, but that didn't really help me.
I found out that using:
$(<my Elem>).on('click', function(event){
event.preventDefault();
})
I can prevent the scrolling, but I still didn't discover the cause of it.
Has anybody some more advice on how to find the real cause of this?
This behaviour might be caused by several different reasons. One of them that is often overlooked is links like Some JavaScript Handler.
When the JavaScript handler does not properly handle the event (e.g. by calling event.preventDefault(), the HTML link will be followed in addition to the JavaScript handler. Most browsers handle a link to an empty anchor tag # by going to the top of the page. This can easily be avoided when using an empty href attribute like <a href>Some JavaScript Handler</a>.

Google Analytics Event tracking with FullPage.js

I am trying to figure out the best way to attach unique
onclick="_gaq.push(['_trackEvent','content block','click','section1 arrow']);"
event tracking code on each arrow as well as the slide bullets. I've seen code that can be loaded AfterLoad, but i need the event tracking. Has anyone done this before or know how it could be properly implemented?

When onsettings event get fired

The documentation as to when onsettings here is fired describes as following
Occurs when app settings are changed.
Does it mean this event is fired every time a control used on settings pane is changed? It seem to me this event is fired every time I hit Win+I to bring up the Settings charm. I have created some views on my page for Settings and when I change a value (e.g., for a toggle switch) then appropriate event is fired for that control. Can someone please clarify this.
That text looks rather like default boilerplate for an "onXXX" event, and it's definitely confusing, but the context of the samples should steer you in the right direction. "when app settings are requested" would be more accurate, IMHO.
The event fires when there's a request made for the Settings charm, and your code would need to set up the appropriate command on the Settings flyout. It's not going to save anything on your behalf, and in fact, the the reference here is a good overview of what you'd need to do to save the settings changes automatically - essentially leveraging onChange events of the various controls you're using inside of the flyouts.

Categories

Resources