Estoy tratando de crear un anuncio que se expanda más allá del lado de la página. Al usar la herramienta de vista previa GPT Safeframe, recibo el mensaje de error "Mensaje EXPAND_REQUEST no válido. Motivo: la vista o el cuerpo del documento no es lo suficientemente grande como para expandirse".

¿Existe una configuración para anular esto o es una limitación autoimpuesta,

Aquí hay un ejemplo de lo que estoy tratando de hacer: puedes probarlo aquí:http://publisherconsole.appspot.com/safeframe/creative-preview.html

<div id="container">
    <style type="text/css">
        #container {
          background-color: #EEF;
          width: 500px;
          height: 500px;
        }

        button {
          width: 50px;
          height: 50px;
          font-size: 30px;
          padding: 0px;
        }

        #info {
          position: relative;
          top: 10%;
          width: 390px;
          margin: auto;
        }

        #left {
          left: 0px;
          bottom: 50%;
          position: fixed;
        }

        #right {
          right: 0px;
          top: 50%;
          position: fixed;
        }

        #top {
          top: 0px;
          left: 50%;
          position: fixed;
        }

        #bottom {
          bottom: 0px;;
          right: 50%;
          position: fixed;
        }

        #central-buttons {
          margin: 10px auto;
          display: block;
          width: 210px;
        }

        #central-buttons button {
          font-size: 15px;
          width: 100px;
        }
    </style>
    <script>
      function expand(direction) {
        var allowedExp= $sf.ext.geom().exp;
        var config = {
          push: false,
          t: 0,
          l: 0,
          r: 0,
          b: 0
        };
        var all = direction === 'all';
        if (direction === 'left' || all) {
          config.l = allowedExp.l / 2;
        }
        if (direction === 'right' || all) {
          config.r = 900;
        }
        if (direction === 'top' || all) {
          config.t = allowedExp.t / 2;
        }
        if (direction === 'bottom' || all) {
          config.b = allowedExp.b / 2;
        };
        $sf.ext.expand(config);
      }

      function collapse() {
        $sf.ext.collapse();
      }

      function adjustDivContainerSize() {
        var self = $sf.ext.geom().self;
        var el = document.getElementById('container');
        el.style.width = (self.r - self.l) + 'px';
        el.style.height = (self.b - self.t) + 'px';
      }

      $sf.ext.register(500, 500, function(status, data) {
        if (status === 'geom-update') {
          return;
        }
        var message = 'Status: ' + status + '. Data: <pre>' + JSON.stringify(data, null, ' ') + '</pre>';
        document.getElementById('status').innerHTML = message;
        adjustDivContainerSize();
      });

      adjustDivContainerSize();
    </script>
    <div id="info">
        <span>
            <strong> $sf.ext.expand by overlay and $sf.ext.collapse</strong>
            <br>Creative should be expanded when buttons are clicked. Expansion can be performed
            only from collapsed state so subsequent expansion won't work until creative is collapsed.
        </span>
        <div id="central-buttons">
            <button id="collapse" onclick="collapse();">Collapse</button>
            <button onclick="expand('all');">Expand all</button>
        </div>
        <div id="status"></div>
    </div>
    <button id="left" onclick="expand('left');">⇐</button>
    <button id="top" onclick="expand('top');">&#8657;</button>
    <button id="right" onclick="expand('right');">⇒</button>
    <button id="bottom" onclick="expand('bottom');">⇓</button>
</div>