iframe внутритег не изменен - PullRequest
       69

iframe внутритег не изменен

1 голос
/ 24 октября 2019

Мы пытаемся изменить размер "amp-ad" на лету, но iframe, содержащий рекламу, отображается в 1x1 вместо 300x250

Мы используем "amp-ad" с "generic" creative (настройка с размером 1x1, как описано здесь http://prebid.org/overview/how-to-simplify-line-item-setup.html), но, несмотря на то, что amp-ad имеет высоту и ширину "300x250", реклама отображается в формате 1x1!

<!doctype html>
<html ⚡ lang="en">
<head>
  <meta charset="utf-8">
  <title>AMP Ads</title>
  <link rel="canonical" href="https://www.toto.com/solar.html"/>
  <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
  <script async src="https://cdn.ampproject.org/v0.js"></script>
  <script  custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-latest.js"></script>
  <script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-latest.js"></script>
  <script async custom-element="amp-sticky-ad" src="https://cdn.ampproject.org/v0/amp-sticky-ad-latest.js"></script>
  <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
</head>
<body style="padding:10px">


     <amp-ad width="300" height="250"
              type="doubleclick"
              data-slot="my-data-slot"
              rtc-config='{
  "vendors": {
  "my-vendor": {"additional-infos":"111"}
  }, "timeoutMillis": 999}'
              json='{"targeting":{"test": "test"}}'
      >
        <div placeholder><div style="text-align: center; font-size: smaller; color: gray;">No ads for the moment....</div></div>
      </amp-ad>


<amp-sticky-ad layout="nodisplay">
  <amp-ad width="320" height="50"
          type="doubleclick"
              data-slot="my-data-slot"
              rtc-config='{
  "vendors": {
  "my-vendor": {"additional-infos":"111"}
  }, "timeoutMillis": 999}'
          json='{"targeting":{"test": "test"}}'
  >
    <div placeholder><div style="text-align: center; font-size: smaller; color: gray;">No ads for the moment....</div></div>
  </amp-ad>
</amp-sticky-ad>

в нашей творческой настройке в DFPимеет размер 1x1, но соответствует строковому элементу с размером 300x250

Мы также использовали amp-embed вместо amp-ad, и размер рекламы был успешно изменен в 300x250! Мы поняли amp-ad и amp-embed являются просто псевдонимами одного и того же, но похоже, что 2 ведут себя по-разному!

К сожалению, amp-embed не работает в amp-sticky, поэтому нам нужно изменить размер объявлений с помощью тега amp-ad.

В объявлении DFP мы попытались использовать:

  1. window.context.requestResize : но window.context не определен! Если кто-тоТеперь не хватает, чтобы получить рабочий window.context , который, вероятно, решил бы нашу проблему!

  2. postMessage , но он не работал

  window.parent.postMessage({
    sentinel: 'amp',
    type: 'embed-size',
    width: 300,
    height: 250}, '*');
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...