Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

AT.js 2.0 Failing To Render Non Global Mbox Activities

colinr96046230
Level 2
Level 2

Hey All!

I am using a script within DTM to load AT.js 2.0. This script is working great for everything, except for non-global mboxes. The only error we're getting is the following:

Screen Shot 2019-04-01 at 2.49.28 PM.png

The code we're using is the following:

document.documentElement.style.opacity = '0';

_satellite.notify('handling adobe target: setting opacity to 0',1);

function targetPageParamsAll() {

  return {

    "at_property": "ff2cfff1-2e5d-352d-ee7d-069b592aeecd",

    "countryCode": _satellite.getVar('countryCode'),

    "currencyCode": _satellite.getVar('customCurrencyCode'),

    "daysUntilSailingBooking": _satellite.getVar('daysUntilSailingBooking'),

    "daysUntilSailingSearch": _satellite.getVar('daysUntilSailingSearch'),

    "destination": _satellite.getVar('destName'),

    "loginStatus": _satellite.getVar('loginStatus'),

    "pageName": _satellite.getVar('pageName'),

    "pageType": _satellite.getVar('pageType'),

    "visitNumber": _satellite.getVar('VisitNumber'),

    "voyageID": _satellite.getVar('voyageID')

  };

}

function handleAdobeTarget() {

  if(document.readyState == 'complete'){

    _satellite.notify('handling adobe target: ready state complete for footer mbox',1);

    handleAdobeTargetOnPageLoad()

  }

  else{

    _satellite.notify('handling adobe target: adding event listener for footer mbox',1);

    window.addEventListener('load', function(event) {

     handleAdobeTargetOnPageLoad()

    });

  }

  document.addEventListener(adobe.target.event.REQUEST_SUCCEEDED, function(e) {

    var mboxName = e.detail.mbox

    if(!window.hasOwnProperty('dtm_digitalData')){

      window.dtm_digitalData = {};

    }

    if (!dtm_digitalData.hasOwnProperty('_marketingExperiments')) {

      dtm_digitalData._marketingExperiments = {};

    };

    if (!dtm_digitalData._marketingExperiments.hasOwnProperty('responseTokens')) {

      dtm_digitalData._marketingExperiments.responseTokens = {};

    };

    if (!dtm_digitalData._marketingExperiments.responseTokens.hasOwnProperty(mboxName)) {

      dtm_digitalData._marketingExperiments.responseTokens[mboxName] = e.detail;

    };

  });

  _satellite.notify('handling adobe target: firing handleAdobeTarget',1);

  // _satellite.notify('handling adobe target: firing triggerview',1);

  // adobe.target.triggerView(window.location.href)

  // document.documentElement.style.opacity = '1';

  adobe.target.getOffer({

    mbox: 'target-global-mbox',

    success: function(offer) {

      if(document.readyState == 'complete'){

        adobe.target.applyOffer({

          mbox: 'target-global-mbox',

          offer: offer

        });

        _satellite.notify('handling adobe target: ready state complete injecting global mbox',1);

        _satellite.notify('handling adobe target: setting opacity to 1', 1);

        document.documentElement.style.opacity = '1';

      }

      else{

        _satellite.notify('handling adobe target: adding event listener',1);

        window.addEventListener('load', function(event) {

          adobe.target.applyOffer({

            mbox: 'target-global-mbox',

            offer: offer

          });

          _satellite.notify('handling adobe target: injecting global mbox on load',1);

          _satellite.notify('handling adobe target: setting opacity to 1', 1);

          document.documentElement.style.opacity = '1';

        });

        setTimeout(function() {

          if(document.documentElement.style.opacity != '1'){

            _satellite.notify('handling adobe target: timout event has occurred',1);

            adobe.target.applyOffer({

              mbox: 'target-global-mbox',

              offer: offer

            });

            document.documentElement.style.opacity = '1';

          }

        }, 3000);

      }

    },

    error: function() {

        document.documentElement.style.opacity = '1';       

    }

  });

  // page type mbox

  adobe.target.getOffer({

    mbox: _satellite.getVar('brandID') + '|' + _satellite.getVar('pageType'),

    success: function(offer) {

      if(document.readyState == 'complete'){

        _satellite.notify('handling adobe target: ready state complete for page-type-mbox',1)

        adobe.target.applyOffer({

          mbox: _satellite.getVar('brandID') + '|' + _satellite.getVar('pageType'),

          selector: 'head',

          offer: offer

        });

      }

      else{

        _satellite.notify('handling adobe target: adding event listener for page-type-mbox',1);

        window.addEventListener('load', function(event) {

          adobe.target.applyOffer({

            mbox: _satellite.getVar('brandID') + '|' + _satellite.getVar('pageType'),

            selector: '#page-type-mbox',

            offer: offer

          });

        });

      }

    },

    error: function() {

      // analytics call for error would go here

          

    }

  });

}

function handleAdobeTargetOnPageLoad() {

  // global header mbox

  if(document.querySelectorAll('.react-component.globalHeader').length > 0){

    let mboxName = _satellite.getVar('brandID') + '|globalHeader';

    let selector = '.react-component.globalHeader'

    document.querySelector(selector).style.opacity = '0';

    document.querySelector(selector).classList.add('mboxDefault')

    adobe.target.getOffer({

      mbox: mboxName,

      success: function(offer) {

        _satellite.notify('handling adobe target: ready state complete for header mbox',1);

        adobe.target.applyOffer({

          mbox: mboxName,

          selector: selector,

          offer: offer

        });

        document.querySelector(selector).style.opacity = '1';

      },

      error: function() {

        // analytics call for error would go here

        document.querySelector(selector).style.opacity = '1';       

      }

    });

  }

  // footer mbox

  if(document.querySelectorAll('.react-component.footer').length > 0){

    let mboxName = _satellite.getVar('brandID') + '|footer';

    let selector = '.react-component.footer'

    document.querySelector(selector).style.opacity = '0';

    document.querySelector(selector).classList.add('mboxDefault')

    adobe.target.getOffer({

      mbox: mboxName,

      success: function(offer) {

        _satellite.notify('handling adobe target: ready state complete for footer mbox',1);

        adobe.target.applyOffer({

          mbox: mboxName,

          selector: selector,

          offer: offer

          });

        document.querySelector(selector).style.opacity = '1';

      },

      error: function() {

        // analytics call for error would go here

        document.querySelector(selector).style.opacity = '1';       

      }

    });

  }

}

if(window.hasOwnProperty('adobe') && adobe.hasOwnProperty('target')){

   handleAdobeTarget()

}

else{

  var adobeLoadWatcher = window.setInterval(function () {

    if (window.hasOwnProperty('adobe') && adobe.hasOwnProperty('target')) {

      clearInterval(adobeLoadWatcher)

      handleAdobeTarget()

    }

  }

  ,100);

}

Any help or advice would be greatly appreciated!

1 Reply
surebee
Employee
Employee

Hi colinr96046230​,

Are you still experiencing this issue? What is the URL?

Thanks!