Установка In Image Banner

Друзья подскажите как установить код в фото этой рекламы рекламы в вордпресс , вот инструкция но я понять так и не смог, кто знает подскажите.

Установка In Image Banner

Данная инструкция предполагает, что у вас уже есть аккаунт в Astraone. Если у вас нет аккаунта, перейдите по ссылке https://partners.astraone.io и следуйте инструкции.

После создания In Image баннера система вам предложит скопировать код.

Код состоит из двух частей. Первая часть кода выглядит следующим образом:

<div data-hyb-ssp-in-image-overlay="5a7aaf1a7bc72f18184f71cb"></div>

ВАЖНО: Необходимо использовать ваш "именной" DIV из присланного вам .txt файла.

У изображения, поверх которого будет показываться баннер должен быть контейнер. Если контейнера нет, то его необходимо добавить. Далее этому контейнеру нужно добавить атрибут из первой части кода data-hyb-ssp-in-image-overlay="5a7aaf1a7bc72f18184f71cb":

Важно: размеры изображения и контейнера должны совпадать! А также, по возможности, устанавливать коды не первое изображение в статье.

Пример:

<div data-hyb-ssp-in-image-overlay="5a7aaf1a7bc72f18184f71cb">

<img src="main-image.jpg" />

</div>

Вторую часть кода необходимо добавить перед закрывающим тегом </body>:

<script type="text/javascript">

if (typeof window._tx === "undefined") {

var s = document.createElement("script");

s.type = "text/javascript";

s.async = true;

s.src = "//st.astraone.io/ssp.js";

(document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(s);

}

window._tx = window._tx || {};

window._tx.cmds = window._tx.cmds || [];

window._tx.cmds.push(function () {

window._tx.init();

});

</script>

Если на вашей странице установлено несколько рекламных мест платформы Astraone, то нет необходимости добавлять этот код повторно.