Новые форматы Интерскроллер, Fullscreen, Биллборд

Дмитрий Громов
На сайте с 15.08.2018
Offline
339
#221
tippula #:
Давно не ставил рся, поделитесь опытом. Есть адаптивные блоки, что бы и на мобилках и на компах, как в адсенс? Можно ли один и тот же код ставить в нескольких местах сайта и на разных сайтах? Увидел интерфейс рся, ничего не понятно, ппц какой-то (((

Добрый день! После создании RTB-блока ему присваивается уникальный идентификатор. Блоки с совпадающими идентификаторами можно размещать на разных страницах одной площадки. Однако на одной странице сайта не могут быть размещены блоки с совпадающими идентификаторами. Если требуется создать два блока с одинаковыми настройками, то сначала создайте один, а затем продублируйте его. Для этого нажмите кнопку «Дублировать». Новый блок появится в списке RTB-блоков. Подробнее можно посмотреть здесь: https://yandex.ru/support/partner2/web/products-rtb/constructor.html#constructor__2site .

Также отмечу, что один и тот же код RTB-блока нельзя размещать на разных сайтах. Каждый сайт необходимо добавить в аккаунт РСЯ как отдельную тематическую площадку, создать там блоки и разместить их код на сайте. Другими словами, для каждого нового сайта нужен новый код блоков.

По поводу адаптивности: RTB-блок будет отображаться и на десктопе, и на мобильном. От выбора версии сайта при создании рекламного блока зависит набор доступных форматов. При выборе мобильной версии будут доступны специальные форматы, которые подходят для показа на мобильных устройствах. При выборе десктопной версии сайта будет доступен максимальный набор форматов для показа на ПК, ноутбуках и планшетах. Отмечу, что создавать отдельно блоки для показа на десктопе и мобильном удобно для сбора и анализа статистики.

Создание блока RTB - Рекламная сеть. Справка
Создание блока RTB - Рекламная сеть. Справка
  • yandex.ru
В блоках объявлений Real-Time Bidding можно показывать контекстную (тематическую), медийную и видеорекламу. Для создания блоков в интерфейсе Рекламной сети используется . Конструктор позволяет указать форматы объявлений, выбрать внешний вид блока и настроить его под дизайн сайта. Чтобы создать новый блок RTB, перейдите к списку блоков RTB: и...
Буду рад ответить на ваши вопросы про Директ, РСЯ, ADFOX, Метрику и Бизнес.
KA
На сайте с 13.07.2012
Offline
94
#222

Добрый день, всех с праздником! Не нашел, где спросить. Подскажите, кто может, перенес сайт на адаптивный шаблон, до этого был неоптимизированный под мобильные устройства, просто уменьшался целиком как есть под размер экрана. Вопрос: какие блоки ставить на адаптивный шаблон? Можно ли в одно и то же место ставить и для декстопа, и для мобильного, чтобы отображался соответствующий блок исходя из устройства пользователя? Или нужно ставить один адаптивный? Мобильного трафика 80%, лучше тогда адаптивный блок для мобильного ставить?


И еще вопрос, поставил на новый шаблон несколько блоков, по некоторым почти сразу начались показы, а по некоторым за двое суток так и не начались. С чем связано может быть? Может с рекламодателями пока пусто? Трафик на сайте нормальный, около 10К в сутки. 

Дмитрий Громов
На сайте с 15.08.2018
Offline
339
#223
known as unknown #:

Добрый день, всех с праздником! Не нашел, где спросить. Подскажите, кто может, перенес сайт на адаптивный шаблон, до этого был неоптимизированный под мобильные устройства, просто уменьшался целиком как есть под размер экрана. Вопрос: какие блоки ставить на адаптивный шаблон? Можно ли в одно и то же место ставить и для декстопа, и для мобильного, чтобы отображался соответствующий блок исходя из устройства пользователя? Или нужно ставить один адаптивный? Мобильного трафика 80%, лучше тогда адаптивный блок для мобильного ставить?

Добрый день! Спасибо, вас также с Новым годом!

Для реализации адаптивного показа (без лишних запросов к блокам) рекомендую использовать адаптивный скрипт. Чтобы рекламный блок, отображался на мобильной версии сайта (при ширине экрана менее 768px) одним образом, а на десктопе (например, при ширине экрана устройства свыше 1000px) другим образом, нужно в интерфейсе РСЯ создать два блока с подходящими для этих версий сайта настройками. Перед установкой на сайт стандартный javascript-код этих блоков (полученный по кнопке "Получить код") нужно заменить на адаптивный Javascript, который учитывает ширину вьюпорта и в зависимости от нее загружает или не загружает RTB-блок на страницу сайта. Коды этих двух блоков нужно установить рядом в html-код страницы.

Если требуется, чтобы блок отображался только на мобильной версии сайта (до 768px), можно использовать следующий код (добавив его на место блока и заменив "ID блока" на нужный ID):
 
<div id="yandex_ad1" ></div>
<script type="text/javascript">
    (function(w, d, n, s, t){
        if (window.matchMedia("only screen and (max-device-width: 768px)").matches){
            w[n] = w[n] || [];
            w[n].push(function() {
                Ya.Context.AdvManager.render({
                    blockId: ID блока ,
                    renderTo: "yandex_ad1",
                    async: true
                });
            });
            t = d.getElementsByTagName("script")[0];
            s = d.createElement("script");
            s.type = "text/javascript";
            s.src = "//an.yandex.ru/system/context.js";
            s.async = true;
            t.parentNode.insertBefore(s, t);
        }
    })(this, this.document, "yandexContextAsyncCallbacks");
</script>
 
Этот блок будет пропадать на ширине экрана свыше 768px.
id="yandex_ad1" так же должен быть уникальным на странице (то есть, для нескольких блоков нужно использовать id="yandex_ad1", id="yandex_ad2" и т.д.)
 
Для добавления другого блока для десктопной версии нужно создать другой блок. Если использовать следующий код, данный блок будет отображаться только на десктопной версии ("ID блока" так же необходимо заменить на ID нужного блока):
 
<div id="yandex_ad2" ></div>
<script type="text/javascript">
    (function(w, d, n, s, t){
        if (window.matchMedia("only screen and (min-device-width: 1024px)").matches){
            w[n] = w[n] || [];
            w[n].push(function() {
                Ya.Context.AdvManager.render({
                    blockId: ID блока ,
                    renderTo: "yandex_ad2",
                    async: true
                });
            });
            t = d.getElementsByTagName("script")[0];
            s = d.createElement("script");
            s.type = "text/javascript";
            s.src = "//an.yandex.ru/system/context.js";
            s.async = true;
            t.parentNode.insertBefore(s, t);
        }
    })(this, this.document, "yandexContextAsyncCallbacks");
</script>
 
Добавлю, если нужен блок для планшетной версии, можно использовать в коде следующее условие:

if (window.matchMedia("only screen and (min-device-width: 769px) and (max-device-width: 1023px)").matches){


known as unknown #:

И еще вопрос, поставил на новый шаблон несколько блоков, по некоторым почти сразу начались показы, а по некоторым за двое суток так и не начались. С чем связано может быть? Может с рекламодателями пока пусто? Трафик на сайте нормальный, около 10К в сутки. 

Рекомендую проверить код вставки и настройки RTB-блока (CPM-пороги и т.п.). Если ситуация ещё актуальна, то для более детального ответа пришлите, пожалуйста, мне в личные сообщения ваш партнерский логин, номер блока и ссылку на страницу, на которой он установлен. Посмотрю с коллегами в чем может быть причина и вернусь с комментариями.

Olisher
На сайте с 22.11.2006
Offline
366
#224
Дмитрий Громов #:

Для реализации адаптивного показа (без лишних запросов к блокам) рекомендую использовать адаптивный скрипт. Чтобы рекламный блок, отображался на мобильной версии сайта (при ширине экрана менее 768px) одним образом, а на десктопе (например, при ширине экрана устройства свыше 1000px) другим образом, нужно в интерфейсе РСЯ создать два блока с подходящими для этих версий сайта настройками. Перед установкой на сайт стандартный javascript-код этих блоков (полученный по кнопке "Получить код") нужно заменить на адаптивный Javascript, который учитывает ширину вьюпорта и в зависимости от нее загружает или не загружает RTB-блок на страницу сайта. Коды этих двух блоков нужно установить рядом в html-код страницы.

Я, конечно, всё понимаю, но извините 2021 год. 

vitzer
На сайте с 16.02.2017
Offline
175
#225

Кто-нибудь использует фуллскрин - адаптивный 2.0? 

Как настроить показы, чтобы не на каждой странице открывался?

Евгений
На сайте с 24.12.2021
Offline
6
#226
vitzer #:

Кто-нибудь использует фуллскрин - адаптивный 2.0? 

Как настроить показы, чтобы не на каждой странице открывался?

<div id="yandex_rtb_1"></div>
<script>
var bv = document.getElementsByTagName("body")[0].offsetWidth;
if (bv <= 800 && sessionStorage['FullscreenAds'] != "1") { // чтобы реклама была только в мобильной версии и не воспроизводилась больше 1 раза за сессию
(function (w, d, n, s, t) {
w[n] = w[n] || [];
w[n].push(function () {
Ya.Context.AdvManager.render({
blockId: "id блока",
renderTo: "yandex_rtb_1",
async: true
});
});
t = d.getElementsByTagName("script")[0];
s = d.createElement("script");
s.type = "text/javascript";
s.src = "//an.yandex.ru/system/context.js";
s.async = true;
t.parentNode.insertBefore(s, t);
})(this, this.document, "yandexContextAsyncCallbacks");
sessionStorage['FullscreenAds'] = "1";
}
</script>
vitzer
На сайте с 16.02.2017
Offline
175
#227

Спасибо, работает!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий