В плагине ADS•MediaBox.content реализована возможность отдельно настроить отображение рекламы для настольных компьютеров и планшетов.
Используйте класс .wmbf_desktop для настройки отображения рекламы для настольных компьютеров
и класс .wmbf_tablet для планшетов в разделе «Рекламные Коды» плагина.
Пример:
Реклама Yandex.RTB X-X-XXXXXX-XX будет отображена на настольном компьютере и не будет загруженна для планшетов.
Реклама Yandex.RTB Y-Y-YYYYYY-YY не будет загружена для настольных компьютеров и планшетов в portrait ориентации, будет отображена для планшетов landscape ориентации.
|
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 |
<style> .wmbf_desktop .iWhale_Desk { /* Параметры блока для Desktop */ width: 300px; height: 100%; display: flex; align-items: center; } .wmbf_desktop .iWhale_Tab { /* для Tablet */ display: none; } .wmbf_tablet .iWhale_Desk { /* для Tablet */ display: none; } @media all and (orientation: portrait) { .wmbf_tablet .iWhale_Tab { display: none; } } @media all and (orientation: landscape) { .wmbf_tablet .iWhale_Tab { width: 160px; height: 100%; display: flex; align-items: center; } } </style> <div class="iWhale_Desk"> <!-- Yandex.RTB X-X-XXXXXX-XX --> <div id="yandex_rtb_X-X-XXXXXX-XX"></div> <script>window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ renderTo: 'yandex_rtb_X-X-XXXXXX-XX', blockId: 'X-X-XXXXXX-XX' }) })</script> </div> <div class="iWhale_Tab"> <!-- Yandex.RTB Y-Y-YYYYYY-YY --> <div id="yandex_rtb_Y-Y-YYYYYY-YY"></div> <script>window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ renderTo: 'yandex_rtb_Y-Y-YYYYYY-YY', blockId: 'Y-Y-YYYYYY-YY' }) })</script> </div> |