Adobe Target V2: Conditional Delivery Call Based on DOM Element

[PrasanthV]

How do I enable the delivery call only when a particular section is available in the DOM?
I am using the Adobe Target V2 extension. If you need any details from me, please feel free to ask.

[Gokul_Agiwal · Accepted solution]

Hi @PrasanthV  Generally the delivery calls happening at the time of page loads. In case you want this to restrict based on DOM elements then you can create a Rule in Adobe Launch ( tag manager)  that checks for the presence of a DOM element before firing the Target delivery call. 

Like in below Rule - You can check for condition. By the way what's your use case? If you share more details ... 

Hope this helps. 

[PrasanthV]

Hi @Gokul_Agiwal ,

This is my condition script, but it's not working.

var elementCheck = setInterval(function () {

  if (document.querySelectorAll('.listing-icons__header-wrapper__title.listing-icons-title.line-clamp-2').length > 1) {

    clearInterval(elementCheck);

  }

}, 100);

return false;

[Gokul_Agiwal]

Hi @PrasanthV  

I did try with custom code just added document.querySelector('') with right DOM element from page and it's working for me. So when the DOM element is available then only I can see the Target is getting fired. 

So may I ask why you're using setInterval method here? the element you've added not present in the page initially is it the case?  Incase if element getting load later in the page then try once with setTimeout function. 

let me know how it goes. Thanks

[PrasanthV]

Hi @Gokul_Agiwal 

Thank you for the lead. I have sorted it out like this.

[Gokul_Agiwal]

HI @PrasanthV 

Glad to know that its work for you now!!!