Adobe Launch Rules Guide (2)——Core Extension Event Types

Form

There are 4 forms in total, namely Blur, Focus, Change and Submit.

It should be noted that this is a form, the code structure must have <form> … </ form>, and generally there will be a unique class or id at the from level, and there will be a button to confirm the submission, that is, a button is type = submit form.
The most basic format is:

<form id=”form”>
<input type=”text” placeholder=”text input” />
<input type=”password” placeholder=”password” />
<input type=”submit” value=”Submit” />

</form>

Blur

Trigger the action when a form loses the focus. Is to leave from the input box, usually the cursor flashes in the input box, there is no after moving.

https://www.bbccss.com/youtube-test

As shown above, the cursor was originally in the input box, indicating that it can be entered, but removed, this is Form Blur

Example：Form Blur：Remove mouse from input box

Focus

Trigger the action when a form gains the focus. Click the input box, the cursor blinks, and you can enter.

Example：Form Focus：Ready to type information

Keyboard

Keyboard is to monitor some actions on the keyboard, only one is key press.

Key Press

Trigger the event if a key is pressed.

Suppose you want to click “Contact Me” from your keyboard

Example：Key Press：Track keyboard clicks

Media

Media is tracking   HTML5 video, Note that non-youtube video tracking, such as playing, pausing, playing time, etc. There are a total of seven.

After I add an html5 video to my blog, I am doing some tracking configuration demos.

Mobile

There are only two mobile tracking pages on the mobile phone, Orientation Change and Zoom Change.

 

Orientation Change

Trigger the event if the device’s orientation changes.

There are no settings for this event type.

In addition, specify that the event is triggered after a specific amount of time.

Mouse

Mouse operation, click and hover.

Click

Trigger the event if the specified element is clicked. Just click, a lot of event tracking can be achieved through this.This is the most common

The set interface is as follows, mainly through CSS positioning, and some of the cases demonstrated earlier are similar operations:

Optionally, you can specify property values that must be true for the element before the event is triggered.

You can also specify whether to delay navigation until the rule runs if the element is a link. When you click the check box, a field opens where you can enter the desired delay in milliseconds. This specifies how long Launch waits for tags to fire on clicked links before moving to the next page. The default value is 100 milliseconds. Longer delays improve tracking accuracy. Adobe recommends a delay of 500 milliseconds or less, which the user will not perceive. Launch will wait up to the time specified, but if the beacon fires sooner, the delay is cut short. (That is, user won’t always wait the full length of the delay.)

In addition, specify that the event is triggered after a specific amount of time.

Other

var addToCart = new CustomEvent('addToCart', 'detail': {'product_id': data.product.sku, 'quantity': data.product.quantity, 'price': data.product.price.fullPrice});
document.getElementById('minicart').dispatchEvent(addToCart);