Подскажите, какова сейчас средняя цена клика на женскую тематику ? (информационка)
Может кому пригодиться, сам вот так более или менее достиг адаптивности:
RTB адаптивность работает только для блоков Директа. Медийные баннеры не адаптируются в зависимости от размера экрана.
Для реализации адаптивности в RTB блоках мы можем использовать три RTB блока. В одном из них нужно выбрать медийные форматы 300х300 и 300х250 и вертикальный Постер из 1го объявления, во 2-м медийные форматы 300х300, 300х250 и 336x280 и горизонтальный Постер из 2х объявлений, а в 3-м медийный формат 728х90 и горизонтальный Постер из 3х объявлений.
В смартфонах будет отображаться блок размером 300х300 или 300х250 и вертикальный Постер, для устройств с максимальным размером экрана 728px будет отображаться блок размером 300х300, 300х250 и 336x280 и Постер из 2х объявлений, для ПК будет отображаться блок размером 728х90 и горизонтальный Постер из 3х объявлений.
Код для размещения:
<div style="text-align:center;">
<div id="yandex_ad" style="display: inline-block;"></div>
</div>
<script type="text/javascript">
(function(w, d, n, s, t) {
if (window.matchMedia("only screen and (max-device-width: 440px)").matches){var m= "R-12345-1";}
else if(window.matchMedia("only screen and (max-device-width: 728px)").matches){var m= "R-12345-2";}
else{var m= "R-12345-3";}
w[n] = w[n] || [];
w[n].push(function() {
Ya.Context.AdvManager.render({
blockId: m,
renderTo: "yandex_ad",
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>
Для переменной m нужно указать id блоков (в данном примере m= "R-12345-1", m= "R-12345-2" и m= "R-12345-3").
Ребят. Столкнулся с такой проблемой. До этого стояла 4 блока Адсенсе. Поставил недавно вместо двух блоков 2 блока Директа. И просто ужаснулся, количество просмотров блоков adsense упало в 3 раза, как будто большинству пользователей реклама Адсенсе перестала просто показываться. У кого-нить было такое ?
Сразу поясню, что заменил, только блоки над статьей и под статьей. Те, что в body не трогал. Соответственно при том же трафике, количество показов рекламы в body должно быть одинаковым, но почему то упало в три раза. Сам заходил с разных блоков - все отрисовывается.
Странно, а у человека работает... Может есть еще вариант подсовывать разное количество блоков при разных разрешениях.
Подскажите пожалуйста уважаемые гуру. Решил воспользоваться кодом выше:
<!-- Yandex.RTB R-A-XXXX-XX -->
<div id="rtbPoster"></div>
var bw=document.getElementsByTagName("body")[0].offsetWidth;*
if (bw>=1400) {rtbBlockID = "R-A-XXXX-X1";}
if (bw<=1399) {rtbBlockID = "R-A-XXXX-X2";}
if (bw<=1150) {rtbBlockID = "R-A-XXXX-X3";}
if (bw<=500) {rtbBlockID = "R-A-XXXX-X4";}
blockId: rtbBlockID,
renderTo: "rtbPoster",
Естественно заменил R-A-XXXX-XX - на свои блоки. Вставил как обычно через виджет на сайт. Но почему то блоки не показываются. Через CTRL+U вижу только строку:
<div id="rtbPoster"></div> и все. Почему не подгружается остальное?
Спасибо, не сразу увидел. А сами постеры как и раньше могу сжиматься немного? Или у них стал жесткий фиксированный размер?
То есть даже используя:
var limmw=document.getElementsByTagName("body")[0].offsetWidth;
if (limmw>=645) {var limm="3";} else {var limm="2";}
if (limmw<=440) {limm="1";}
?
Не подскажите, как сделать горизонтальный постер адаптивным?
Скажем на старых блоках с постерами я использовал следующие стили:
@media screen and (min-width: 200px) {
.yandex-adaptive {
width:190px;
height:320px;
}
@media screen and (min-width: 260px) {
width:250px;
height:300px;
@media screen and (min-width: 310px) {
width:300px;
@media screen and (min-width: 400px) {
width:380px;
@media screen and (min-width: 500px) {
width:480px;
@media screen and (min-width: 600px) {
width:580px;
height:310px;
@media screen and (min-width: 700px) {
width:680px;
@media screen and (min-width: 800px) {
width:780px;
@media screen and (min-width: 900px) {
width:880px;
@media screen and (min-width: 1000px) {
width:980px;
Как их применить в коду, вида:
<!-- Yandex.RTB R-A-хххххх-1 -->
<div id="yandex_rtb_R-A-хххххх-1"></div>
blockId: "R-A-хххххх-1",
renderTo: "yandex_rtb_R-A-хххххх-1",
Ребят подскажите. Создал RTB блок:
И в течение 20 мин блок до сих пор не показывается. У всех так?
Дай бог что так и будет)