Is there an event we can listen to so we know when adobe target scripts are done loading? For SPA.. | Community
Skip to main content
J
jchabot86
Level 2
June 3, 2021
Solved

Is there an event we can listen to so we know when adobe target scripts are done loading? For SPA..

  • June 3, 2021
  • 3 replies
  • 2279 views

We have a react SPA.  First page that the user goes to, it seems the "adobe" object is available, but target.getJsonOffer() is not there yet.  Eventually it is there and we can execute it but not unless we do some sort of timeout functionality or force the SPA to re-render.  

Is there some sort of mechanism to knowing when the getJsonOffer, triggerView, etc. functions are available so we can start firing them?

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
    Best answer by Pawan-Gupta

    Hello,

     

    I think, it should be other way around because target response is asynchronous you should be looking from page or component load side (same we have done in our side as well)

     

    as and example refer - https://experienceleague.adobe.com/docs/target/using/implement-target/client-side/at-js-implementation/functions-overview/adobe-target-triggerview-atjs-2.html?lang=en

    as it rightly called out, how it should be done.

     

    Hope it helps!!

    3 replies

    Pawan-Gupta
    Pawan-GuptaAccepted solution
    Level 8
    June 4, 2021

    Hello,

     

    I think, it should be other way around because target response is asynchronous you should be looking from page or component load side (same we have done in our side as well)

     

    as and example refer - https://experienceleague.adobe.com/docs/target/using/implement-target/client-side/at-js-implementation/functions-overview/adobe-target-triggerview-atjs-2.html?lang=en

    as it rightly called out, how it should be done.

     

    Hope it helps!!

      J
      jchabot86Author
      Level 2
      June 7, 2021
      Sorry, posted a separate 'answer' as my reply. Please take a look.
        J
        jchabot86Author
        Level 2
        June 7, 2021

        Not 100% sure I'm following.  I can't even exectue the getJsonOffers() function to use its asynchronous functionality.  As you can see in the screenshot - adobeVailable() function checks for adobe.target and adobe.target.getJsonOffer.  As you can see, even the 'target' property isn't there yet for me to execute, thus it would cause runtime errors if I tried to.

         

          E
          emarks87
          Level 2
          June 7, 2021

          I think the at-library-loaded event should do the trick.

           

          Library Loaded
          Constant: adobe.target.event.LIBRARY_LOADED
          String Value: at-library-loaded
          Description: This event is ideal to track when at.js has been fully loaded. You can use this event to customize global mbox execution. You can also use this event to disable the global mbox and then listen for this event to fire the global mbox later.
          https://experienceleague.adobe.com/docs/target/using/implement-target/client-side/at-js-implementation/functions-overview/atjs-custom-events.html?lang=en

            Terms & ConditionsAccessibility statement

            Loading footer...