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

15 авг. 2007 г.

Как настроить блок AdSense в верхнем левом углу

Мне несколько раз приходили подобные вопросы:

...я достаточно много читал заметок о сплогах, смотрел на сплоги профессионалов, опять же CrazyEgg.com подтверждает, что наиболее кликабельным местом на блоге является левый верхний угол статьи.
У тебя изменен шаблон в блогере так, что в верхнем левом углу стоит блок Адсенса. Поделись кодом - как это сделать, плз!


Отвечаю:

Вариант 1 - короткое объяснение

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

Вариант 2 - длинное объяснение

1. Идем в свой аккаунт AdSense -> AdSense setup -> AdSense for Content -> Ad Unit (text ads only) и создаем очередной рекламный блок.
Я предпочитаю делать квадратный (250 на 250), мы можете выбрать любой другой на свой вкус - 300х250, 200х200 и т.п. Главное - заточить его по цветам под гамму вашего блога, и создать новый канал (Add new channel)с ясным и понятным именем - чтобы в сводной статистике вы всегда четко видели, как именно этот блок работает. Я называю блоки так - "ИмяБлога-left250x250". Копируем код куда-нибудь в файл, на будущее.

2. Идем в свой аккаунт на blogger.com -> Layout -> Edit HTML и нажимаем крыжик Expand Widget Template. Выделяем код и вставляем его в текстовый редактор типа notepad (я пользуюсь Em Editor Free - во всем устраивает).

3. Ищем в коде текст

<div class="post-header-line-1">
и после него вставляем следующий код:

<div class="noprint" style="margin: 5px; float: left; padding-right: 3px;">

</div>

(это инструкция тексту постинга обтекать код рекламного блока).

4. Между этими div-ами вставляем ваш код AdSense.

5. ВАЖНО! Во вставленном коде AdSense делаем следующие изменения:



(сорри, пришлось картинкой это написать).

Суть изменений - более правильная интерпретация броузером кода символа "левая стрелка" и "правая стрелка".
ТОЛЬКО после этого блоки АдСенс начнут показываться в ТЕЛЕ постинга - при вставке блоков АдСенсе как Page Element такие ухищрения не требуются.

6. Копируем весь код и вставляем его в открытое окошко редактирования шаблона (Template) на блоггере. Сохраняемся. Если ругани не последовало (надписи красным цветом над окошком редактирования кода) - все ОК. Иначе - смотрите, где вы какой тэг не закрыли (блоггер вам напишет, какой).

7. Снова идем в свой аккаунт на blogger.com -> Settings -> Formatting и указываем, сколько постов показывать на одной странице. Надо поставить 3 или меньше - ибо однотипный код АдСенса покажется только три раза на одной странице - если вы поставите, скажем, 4 поста на 1 стр, то 4-ый будет пустой, без рекламы. Оно вам надо?

8. Проверяем, как все выглядит. Если не нравится - подстругиваем там - подтягиваем здесь.

Вуаля.

8 комментариев:

Анонимно комментирует...

спасибо, затупил насчет первого пункта :)
кста, вчера первые 16 центов пришли, хехе, с адсенса. энтузиазма полно!

Alles комментирует...

Неплохо, неплохо - то есть раза 3- 5 кликнули :) Удачи.

Анонимно комментирует...

По условиям адсенса менять что-то в коде запрещается, не так ли?

Alles комментирует...

Абсолютно верно. Но данная операция изменением не является - это интерпретация кодов HTML "greater than" и "lesser than" - причем более правильная интерпетрация.

Анонимно комментирует...

привет, у попробовал Ваш метод вставки - ниче не вышло, реклама эдсенс не показывается, тольку пустой квадрат

Alles комментирует...

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

Возможно, не прошло 10 минут - АдСенс не сразу начинает показываться. Белый квадрат есть - это уже хорошо :)

Alles комментирует...

А вообще совет один - идем например на http://www.stevepavlina.com/ (у меня рекламы в блоге нет), смотрим код страницы (ищем в нем "google_ad_client") и весь код (заключенный между div-ами) воспроизводим у себя. Если заработало - ID Павлины меняем на свой.

Alles комментирует...

не забывая заменить код greater than и lesser than на то, что я сказал, конечно.