Hi.
I'm making some tests over this dummy site, using a rule firing with this custom code:
//PageLoaded
function pageShownEventHandler (evt) {
var event = {
//include the path of the component that triggered the event
path: "dummy_text",
//get the state of the component that triggered the event
component: window.adobeDataLayer.getState()
};
trigger(event);
alert("Show me this.");
}
//set the namespace to avoid a potential race condition
window.adobeDataLayer = window.adobeDataLayer || [];
//push the event listener for cmp:show into the data layer
window.adobeDataLayer.push(function (dl) {
//add event listener for `cmp:show` and callback to the `pageShownEventHandler` function
dl.addEventListener("cmp:click", pageShownEventHandler);
});
, and when I click over any clickable element (those with the data-cmp-clickable attribute), it does not fire.
However, if I replace the text in red by the following:
dl.addEventListener("cmp:show", pageShownEventHandler);
, it fires.
I've been trying different options but to no avail.
Any ideas about it?
Thanks in advance.
IL.
