Create a Rule
EVENTS
Create an EVENTS, select Focus for Event Types:
Here you need to do some settings for the event type Focus, and you need to locate it. Here, use the CSS method to locate it.
Return to the page of the website, move the mouse to the position you want to track, that is, the input box
and then right-click to view Inspect, and the cursor will be positioned at the line of the source code where you are. Then copy it as follows:
Paste into Elements matching the CSS selector:：
There are other settings here, such as And having certain property values and Advanced options (Bubbling)
And having certain property values: This is a restriction on Property, Using this option to target elements will add logic to the JavaScript library that will adversely affect performance. Adobe recommends using the CSS selector option above. and it is generally not checked.
Advanced options (Bubbling) generally check the first two by default. Copying CSS using the method above is already positioned to the lowest level, so there is no relationship of inclusion.
These settings can be selected by default.
ACTIONS
Create the first Action and set event1 to Form Focus. The specific settings are as follows:
Create a second Action and set it do not treat is as a page views. The specific settings are as follows:
The final complete Rules setup is:
Publish & Test
Publish a version and test it.
I recorded a GIF. Please note that when the tab is clicked on the head, the data of Adobe Experience Cloud Debugger changes and an event will appear.
