Как я повысил цену клика. Старая песня о главном

WIKIMEO
На сайте с 20.05.2015
Offline
215
35023

Я долгое время экспериментировал. Менял блоки местами по 10 раз в день, менял палитру цветов в самих блоках.

Для быстрого результата лил трафик на определенную страницу сайта: от 5000 до 50000 человек за сутки.

В итоге пришел к выводу, что не все так просто, как нам кажется, но и не все так уж сложно.

В первую очередь я пишу это для новичков, которым сложно ориентироваться в системе.

Итак...У Вас сайт по какой-либо тематике: от женской с советами для дам, до мужской с рыбалкой и авто.

Куда в первую очередь стоит ставить блоки?

1. Под заголовком. Не путать с текстом полным, нам нужен именно заголовок! Под ним ставьте адаптивный блок.

Да, именно тот, который подстраивается под все разрешения экрана.

2. Над заголовком. Желательно, чтобы этот блок был и над списком/перечнем Ваших новостей. Тип блока: адаптивный

3. В шапке, под меню с категориями/рубриками. Если у Вас нет меню, то просто вверху страницы. Тип блока: адаптивный

Постарайтесь сделать так, чтобы хотя-бы два блока были видны посетителю сайта без прокруток страницы.

Какие размеры использовать во всех трех блоках?

Мы воспользуемся возможностью CSS от Adsense. Вместо звездочек вставляйте свои данные с Вашего адаптивного блока. Имя блока тоже смените на свое.

Мои сайты имеют ширину род. блока в статье 720px. Но Вам ничего не мешает поставить и на 5-10px больше в самом блоке Adsense. Дизайн сайта не полетит.

1. Под заголовком.

<style type="text/css">

.NewYork { width: 336px; height: 280px; }

@media (min-width:500px) { .NewYork { width: 336px; height: 280px; } }

@media (min-width:600px) { .NewYork { width: 336px; height: 280px; } }

@media (min-width:700px) { .NewYork { width: 336px; height: 280px; } }

@media (min-width:800px) { .NewYork { width: 336px; height: 280px; } }

@media (min-width:1024px) { .NewYork { width: 336px; height: 280px; } }

@media (min-width:1366px) { .NewYork { width: 728px; height: 90px; } }

</style>

<ins class="adsbygoogle NewYork"

style="display:inline-block;"

data-ad-client="ca-pub-******"

data-ad-slot="******"></ins>

<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

Что мы видим?

Если посетитель зайдет на сайт с ПК, то увидит под заголовком блок, размером 728х90.

Когда войдет с нетбука, к примеру, то блок станет 336х280.

С телефона тоже будет квадрат.

Вы можете данные сменить на свои, но эти самые оптимальные. Сейчас у многих есть смартфоны с крупными экранами,

в которых четко впишется блок 336х280.

На него, кстати, много рекламодателей дорогих.

2. Над заголовком.

<style type="text/css">

.MUSTANG { width: 300px; height: 250px; }

@media (min-width:500px) { .MUSTANG { width: 336px; height: 280px; } }

@media (min-width:600px) { .MUSTANG { width: 600px; height: 300px; } }

@media (min-width:700px) { .MUSTANG { width: 600px; height: 300px; } }

@media (min-width:800px) { .MUSTANG { width: 600px; height: 300px; } }

@media (min-width:1024px) { .MUSTANG { width: 550px; height: 300px; } }

@media (min-width:1366px) { .MUSTANG { width: 720px; height: 300px; } }

</style>

<ins class="adsbygoogle MUSTANG"

style="display:inline-block;"

data-ad-client="ca-pub-******"

data-ad-slot="******"></ins>

<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

Блок 720х300 показывает хорошую рекламу, солидную. В основном крутится медийная.

3. В шапке, под меню с категориями/рубриками.

<style type="text/css">

.Brembo { width: 300px; height: 250px; }

@media (min-width:500px) { .Brembo { width: 336px; height: 280px; } }

@media (min-width:600px) { .Brembo { width: 336px; height: 280px; } }

@media (min-width:700px) { .Brembo { width: 336px; height: 280px; } }

@media (min-width:800px) { .Brembo { width: 728px; height: 90px; } }

@media (min-width:1024px) { .Brembo { width: 728px; height: 90px; } }

@media (min-width:1366px) { .Brembo { width: 728px; height: 90px; } }

</style>

<ins class="adsbygoogle Brembo"

style="display:inline-block;"

data-ad-client="ca-pub-******"

data-ad-slot="******"></ins>

<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

Этот вариант давал хороший выхлоп.

Я сразу предупрежу: если сайт у Вас узкий, то подбирайте соответствующие размеры блоков.

Но никогда не ставьте 468х60 или всякую мелочь.

Чем меньше блок, тем меньше на него рекламодателей.

Стоит ли ставить блок Adsense в сайдбар?

Нет. Кликабельность маленькая. Да, красивые баннеры крутятся, но мало, кто жмет на них.

Как подобрать размер блока под разрешения экрана? У меня нет смартфона.

У меня тоже нет смартфона, пользуюсь Nokia 8800. Там sms еле прочитаешь.

Поэтому есть спецсервисы вроде этого.

Там все очень просто. Вводите адрес сайта и блуждайте по страницам, изменяя формат.

Какие цвета использовать для блоков?

Я много раз читал, что цвет объявлений должен быть аналогичным фону сайта.

Вполне возможно, где-то это и действует. У меня провал. Реклама все равно должна выделяться среди контента.

Я не стал ломать голову, и поставил стандартный стиль "Всплеск цвета", кликабельность улучшилась в 2 раза.

Цвет приятный, чем-то напоминает жвачную резинку "Love is")) Но это все лирика...

Цвет не должен быть ярко-желтом, черным, или ещё лучше ярко-красным.

Если и делать красный, то используйте нежные оттенки.

Шрифт уже используйте, похожий на шрифт самого ресурса.

На этом пока всё...:popcorn:

Что я хочу сказать? Это не мануал, а рекомендация, исходя из моего опыта.

Не считайте все написанное конечной интанцией, пробуйте свои решения.

Я добился повышения цены клика с 2-3 центов до 7-10. Может и совпадение, но не думаю.

Для хорошего эффекта лейте на сайт аудиторию с Европы, особенно с Италии и Германии.

Клики доходят до 2$, по женской тематике. :idea:

Как лить? Создавайте группы/паблики/сообщества в Gooogle+ и Facebook.

Немаловажным фактором является и сам Ваш сайт, а точнее его дизайн.

Ребята, ну не будут у Вас кликать по объявлениям, если сайт сравним с бесплатным шаблоном Wordpress конца 2000-х годов.

Благодарю за внимание.

⭐ Настрою Adsense, РСЯ и тизерные сети для увеличения дохода ( https://searchengines.guru/ru/forum/1015646 ). Telegram: @DiamantG, Skype: eurobulgary ⭐ Отзывы для компаний, магазинов, и товаров. ⭐ Ведение групп во всех соцсетях в режиме 24/7.
AlexStep
На сайте с 23.03.2009
Offline
318
#1

Какие блоки стояли до этого? Если раньше стояли непопулярные блоки, а вместе с установкой адаптивного кода вы перешли на популярные блоки (336x280 и 728х90),

то вполне логично, что цена клика выросла.

Для хорошего эффекта лейте на сайт аудиторию с Европы, особенно с Италии и Германии.

Главное при этом не слить свой аккаунт в Адсенс☝

<style type="text/css">
.NewYork { width: 336px; height: 280px; }
@media (min-width:500px) { .NewYork { width: 336px; height: 280px; } }
@media (min-width:600px) { .NewYork { width: 336px; height: 280px; } }
@media (min-width:700px) { .NewYork { width: 336px; height: 280px; } }
@media (min-width:800px) { .NewYork { width: 336px; height: 280px; } }
@media (min-width:1024px) { .NewYork { width: 336px; height: 280px; } }
@media (min-width:1366px) { .NewYork { width: 728px; height: 90px; } }
</style>

Этот код можно сократить до

<style type="text/css">

.NewYork { width: 336px; height: 280px; }

@media (min-width:1366px) { .NewYork { width: 728px; height: 90px; } }

</style>

WIKIMEO
На сайте с 20.05.2015
Offline
215
#2

AlexStep, да, Вы правы)) Главное не перемудрить со сливами))

В CSS я не шарю, поэтому написал, как есть.

Alex Agent
На сайте с 07.04.2011
Offline
294
#3
Как подобрать размер блока под разрешения экрана? У меня нет смартфона.

У меня тоже нет смартфона, пользуюсь Nokia 8800. Там sms еле прочитаешь.
Поэтому есть спецсервисы вроде этого.
Там все очень просто. Вводите адрес сайта и блуждайте по страницам, изменяя формат.

Я использую встроенный в последние версии Firefox инструмент "Адаптивный дизайн" + Firebug для диагностики. Еще можно использовать старый добрый эмулятор Opera Mobile (http://www.opera.com/ru/developer/mobile-emulator), но только для тестирования разных разрешений экрана. Если у вас Mac или Хактинтош, можно поставить эмулятор iPhone, который входит в состав Xcode, будет полноценный Safari для iOS и средства диагностики. Только Xcode до хрена весит.

Вы можете данные сменить на свои, но эти самые оптимальные. Сейчас у многих есть смартфоны с крупными экранами,
в которых четко впишется блок 336х280.
На него, кстати, много рекламодателей дорогих.

Если его использовать на мобильных, нужно meta name="viewport" ставит соответствующий, при width=320 "не взлетит".

Я не стал ломать голову, и поставил стандартный стиль "Всплеск цвета", кликабельность улучшилась в 2 раза.
Цвет приятный, чем-то напоминает жвачную резинку "Love is")) Но это все лирика...

Надо попробовать.

Для хорошего эффекта лейте на сайт аудиторию с Европы, особенно с Италии и Германии.

Откуда льешь кроме поиска?

Если посетитель зайдет на сайт с ПК, то увидит под заголовком блок, размером 728х90.
Когда войдет с нетбука, к примеру, то блок станет 336х280.

У меня с ПК 336х280 с обтеканием по левому краю работает лучше, чем 728х90 во всю ширину на том же месте. А 300x250 на его месте уже не дает такого эффекта.

Всему свое время. Все сами принесут и все сделают. Быстрый и выгодный перевод денег Россия ↔ Украина онлайн (http://smartwm.ru/referral/cea1f09842be).
WIKIMEO
На сайте с 20.05.2015
Offline
215
#4

Alex Agent, статья не для ГУРУ, как ты)) Это новичкам полезно знать.

Лью траф с Фейсбука и Google+.

Я тоже пробовал много раз блок 300х250, но увы, выхлопа никакого.

S4
На сайте с 14.01.2016
Offline
34
#5

Ну, и я внесу свою лепту :)

- Раньше использовал 468-60, потом перешел на 728-90, сейчас везде делаю адаптив.

- Все блоки ставлю так чтобы рядом не было ссылок, как минимум два <br>.

- Больше двух блоков не ставлю.

- Убираю лишние ссылки, чем меньше кликабельных элементов тем лучше.

- Все ссылки без подчеркивания делаю, всегда. Ну как мне кажется меньше шума, вообще должно быть меньше шума, вот тебе картинка, одна максимум две, вот заголовок, текст, и реклама, кому надо кликнет кому не надо пусть и не кликает, толку все равно от накрученных показов нет.

- Цвет раньше оставлял стандартный, королевский синий) но смотрится стремно поэтому ставлю такой нейтральный синий. Вообще обратил внимание что цвет роли не играет. Хоть зеленый, хоть темно серый.

Еще все конечно зависит от тематики и от страны пользователя, у меня было так что с 1к просмотров выходило 50 центов, а бывало что и 10 баксов. Самая тема конечно поисковой трафик из США.

По сайтам так скажу, ссылки никогда не покупал, покупал обзоры. Сейчас вообще ничего не покупаю, рассчитываю на то что сайт полезен пользователю, поведенческие факторы и тд, и тупо работаю над проектом. Как правило тема работает, опять же все зависит от процента отказа, лучше чтобы было не больше 50%. Такие дела.

impossible
На сайте с 12.01.2008
Offline
173
#6
Как подобрать размер блока под разрешения экрана? У меня нет смартфона.

Просто берете и суживаете размер браузера))))

Хостинг для ваших клиентов (https://www.reg.ru/domain/new/?rlink=reflink-37457) Промокод на скидку в 5% в REG.RU BAC8-940C-492F-032D
Plazik
На сайте с 29.07.2008
Offline
123
#7
Как я повысил цену клика.

Не цену клика, а CTR. Цена не зависит от цвета объявлений на вашем сайте.

WIKIMEO
На сайте с 20.05.2015
Offline
215
#8

Plazik, в моем случае я повысил именно цену клика.

Читайте внимательнее...

Alex Agent
На сайте с 07.04.2011
Offline
294
#9
WIKIMEO:
Alex Agent, статья не для ГУРУ, как ты)) Это новичкам полезно знать.

Ты мне льстишь ))

WIKIMEO:

Я тоже пробовал много раз блок 300х250, но увы, выхлопа никакого.

У меня он дает выхлоп, но только на смартфонах.

Как подобрать размер блока под разрешения экрана? У меня нет смартфона.

Читайте выше. Самое простое - встроенные инструменты "Адаптивный дизайн" в Firefox и "Toogle device mode" в инструментах разработчика Google Chrome.

В Firefox вызываем меню кнопкой Alt, если оно скрыто по умолчанию (для Windows и Linux), далее "Инструменты" -> "Веб-разработка" -> "Адаптивный дизайн".

Не лишне будет поставить плагины Firebug и User Agent Switcher (некоторые CMS и шаблоны могут менять viewport и другие параметры на основе UserAgent). Я на своих сайтах делаю так, чтобы можно было переключать средствами браузера мобильную и десктопную версию на смартфонах. Google и Yandex это за клоакинг не считают и, наоборот, приветствуют.

В Google Chrome вызываем "Инструменты разработчика", далее кликаем на иконке со смартфоном слева вверху открывшейся панели.

Про Opera Mobile Emulator писал выше.

VH
На сайте с 30.03.2011
Offline
61
#10

WIKIMEO, подскажите пожалуйста, что в данной конструкции является - .NewYork?


<style type="text/css">
.NewYork { width: 336px; height: 280px; }
@media (min-width:1366px) { .NewYork { width: 728px; height: 90px; } }
</style>

пытаюсь переделать этот блок под себя - не получается...

ведь стандартный адаптивный блок такой:

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<!-- Adaptive -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-**************"
data-ad-slot="*******"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Спасибо!

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