0

I'm currently using Adobe DTM to track events on our sites.

Right now I'm dealing with a site that's coded mostly with ReactVR and then slapped onto a regular HTML page through ECMA6.

Now I'm trying to track an event using the following code but placing this into the app. But DTM is requiring a CSS selector which I can't even create because none of these events are driven by ReactVR and not a traditional DOM. 

var inventoryCollect = new CustomEvent(‘inventoryCollect’, ‘detail’: {‘item_id’: ’Margarita'});
dispatchEvent(inventoryCollect);

Is there a way around this?

Please let me know if my question isn't clear.

Thanks.

Kirill Dmitrenko
  • 3,474
  • 23
  • 31
Leo_Taco
  • 45
  • 10
  • Not certain what issue is? – guest271314 Oct 31 '17 at 01:26
  • Basically, the Adobe DTM system requires a CSS selector to fire an event tracking action. However, the current page I'm dealing with doesn't really have any objects that are wrapped in a CSS selector or even closely associated one. Make sense? I'm still learning how to ask questions. – Leo_Taco Oct 31 '17 at 17:45
  • If there are objects in the DOM? Are these objects divs? Buttons? You mentioned it was in a HTML doc. If so, try the `` and/or pseudo-classes that indicate a state like `:focus`, or `disabled="false"` attribute? – zer00ne Oct 31 '17 at 17:56
  • There is no traditional DOM, the site lives inside an HTML5 canvas rendering WebGL contents. – Leo_Taco Oct 31 '17 at 18:29
  • _"the site lives inside an HTML5 canvas"_ Have you tried using `document.querySelector("canvas")` ? – guest271314 Nov 01 '17 at 02:16
  • I can try it in the next iteration. thanks for the suggestion. – Leo_Taco Nov 01 '17 at 21:03

0 Answers0