MRAID compatibility

caution: This feature is experimental

Our SDK can be embedded in an MRAID creative.

Recommandations

Place us in a full size interstitial (often refered to as 320×480)
If possible, let Collective Audience™ manage the ad close button (it'll appear on format completion, and if inactive after a timeout you can define, defaults to 10s)

With the ad-server managing the close button

<script src="https://widget.collectiveaudience.co/sdk.js" async></script>
<div class="BeOpWidget" data-expand></div>
<script>
  window.beOpAsyncInit = function () {
    BeOpSDK.init({
      account: "YOUR_ACCOUNT_ID",
    });
    BeOpSDK.watch();
  };
</script>

With Collective Audience™ managing the close button

Close button management has been deprecated in MRAID v3

<script src="https://widget.collectiveaudience.co/sdk.js" async></script>
<div class="BeOpWidget" data-expand></div>
<script>
  let ready = new Promise(function (resolve) {
    if (mraid.getState() == "default") {
      resolve();
    } else {
      mraid.addEventListener(mraid.EVENTS.READY, function () {
        resolve();
      });
    }
  });
  ready.then(function () {
    mraid.useCustomClose();
  });
  window.beOpAsyncInit = function () {
    BeOpSDK.init({
      account: "YOUR_ACCOUNT_ID",
    });
    BeOpSDK.onPressClose(function () {
      ready.then(function () {
        mraid.close();
      });
    }, 5000); // Your desired timeout for the button to appear
    BeOpSDK.watch();
  };
  </script>