HTML код добавлен в рекламное объявление размером 1 * 1 пиксель в Менеджере тегов Google, не отображаемое на странице - PullRequest
0 голосов
/ 02 апреля 2020

Я создал объявление размером 1 * 1 пиксель в Менеджере объявлений Google и добавил следующий код.

Hello world

Итак, после этого мы получаем следующие теги сценария и теги div, которые я добавил в моем образце HTML код.

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Hello GPT</title>
    <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
<script>
  window.googletag = window.googletag || {cmd: []};
  googletag.cmd.push(function() {
    googletag.defineSlot('/21795367156/Hindsight_ThesSource_Poc', [1, 1], 'div-gpt-ad-1585827491123-0').addService(googletag.pubads());
    googletag.pubads().enableSingleRequest();
    googletag.enableServices();
  });
</script>
  </head>
  <body>
    <!-- /21795367156/Hindsight_ThesSource_Poc -->
<div id='div-gpt-ad-1585827491123-0' style='width: 1px; height: 1px;'>
  <script>
    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1585827491123-0'); });
  </script>
</div>
  </body>
</html>

Итак, он должен отображать Hello World, но не отображать на странице.

1 Ответ

0 голосов
/ 15 апреля 2020

Заявленный размер рекламного места 1x1. Это означает, что GPT генерирует фрейм 1x1. Таким образом, даже если ваше html объявление "Hello World" называется, оно остается инкапсулированным в рекламный фрейм google ad 1x1. Вот несколько обходных путей, которые вы могли бы применить, чтобы успешно визуализировать ваше объявление html на странице.

Обратите внимание, что эти обходные пути совместимы только с установкой без включенного безопасного кадра (см. здесь ).

1) Использование javascript для создания вашего html объявления в родительском DOM: Из своего рекламного фрейма вы можете взаимодействовать с главной страницей DOM (родительской страницей), чтобы вы могли вставить свое кодовое объявление html в родительскую страницу DOM. Пример:

<script>
//built your html creative
var myCreative = document.createElement('h1');
    myCreative.innerHTML = 'Hello World';

//target where to inject
var parentTarget = top.document.body;

//append your html creative to your targeted element
parentTarget.appendChild(myCreative);
</script>

2) Используйте javascript, чтобы изменить размер своего рекламного объявления в Google: iframe: Если вам нужно, чтобы ваше объявление находилось в пределах его iframe, вы можете изменить размер созданного Google. ad iframe с javascript. Пример:

<!--my html creative (rendered for 728x90 display) -->
<h1>Hello World</h1>

<script>
//get the google ad iframe id
var frameId = window.frameElement.id;

//resize iframe from parent DOM
top.document.getElementById(frameId).width = 728;
top.document.getElementById(frameId).height = 90;
</script>

3) Объявите в своем рекламном блоке другие размеры: Один рекламный блок может принимать несколько размеров (см. здесь ). Затем вы можете объявить размеры 1x1 и 728x90 для этого рекламного места, чтобы оно могло отображать одно или другое. Это действительно зависит от того, что вы хотите сделать с 1x1 (обычно используется для захвата страниц / скинов или сторонних сценариев, которые могут взаимодействовать со страницей для отображения внешних рекламных объявлений в сети).

4) Использовать image: В большинстве случаев ваше объявление будет не кодом HTML, а изображением. Если вы загружаете графическое объявление, которое не соответствует используемому размеру (1x1), вы можете заставить рекламный блок получить реальный размер загруженного изображения и изменить размер фрейма.

Надеюсь, это поможет.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...