среда, 23 января 2013 г.

Как вставлять рекламные блоки Google AdSense в любом месте сообщения в Блогспот


Если на платформе для блогов Вордпресс (Wordpress) есть масса специальных плагинов для вставки рекламы Гугл Адсенс в тело статьи (в пост), то у Блогпоста (blogger.com) такого нет. Придется лезть в шаблон и править вручную html-код. Но перед этим обязательно создайте резервную копию (бэкап) вашего шаблона кликнув на “Загрузить весь шаблон”. Если вы что-то намудрите со вставкой рекламного кода гугл на блог Блогспот, то потом всегда сможете вернуть блог в нормальный вид с помощью восстановления шаблона.

Давайте научимся вставлять рекламные блоки Гугл Адсенс в разные места сообщения (статьи) в блоге на Блогспоте. 

Как вставлять рекламные блоки Google AdSense в любом месте сообщения в Блогспот

Если вы хотите добавить рекламные блоки Adsense в тело сообщение (статьи) на Blogger, то вы должны сначала преобразовать этот код с помощью специального перекодировщика кодов для Блогспот. Напрямую вставить код шаблон сайта невозможно – в Блогспот такой код не работает.

Чтобы изменить код Гугл Адсенс и подстроить его под требования blogger.com, заходим на сайт перекодировщика http://seotools.bloggertricks.com/free/blogger-adsense-ad-code-converter/ , вставляем код в окошко и жмем кнопку «Переконвертировать». Полученный код уже и будем вставлять в шаблон блога.

Как добавить рекламный код Гугл в конец поста (в низ сообщения) в Блогспот


Зайдите в раздел Шаблоны в админке блога, нажмите «Изменить html» и поставьте галочку возле «Расширить шаблоны виджета»*.


Как вставлять рекламные блоки Google AdSense в любом месте сообщения в Блогспот


* Так можно было сделать до обновления платформы Блогспот. Теперь же там все по-новому: кнопки "Расширить шаблоны" уже нет, есть просто вкладка "Список виджетов" и неприметные черные стрелочки, нажав на которые, вы увидите развернутый код шаблона (по умолчанию около трети строчек в новом редакторе скрыто этими самыми стрелочками).



Но так как новое управление уж очень муторное, я предпочитаю теперь делать так: скачиваю весь шаблон с помощью функции "Резервное  копирование и восстановление - Загрузить шаблон полностью" (эта кнопочка находится справа, если зайти во вкладку "Шаблон", правлю шаблон в текстовом редакторе и снова загружаю его (с помощью той же вкладки "Резервное копирование - Загрузить шаблон из файла").



Что нужно поменять в шаблоне:

Нажмите CTRL+F  - откроется окно поиска. По поиску найдите кусок кода  <data:post.body/>. Их может быть несколько. Берем первый из них и сразу после него вставляем наш ИЗМЕНЕННЫЙ рекламный код Гугл.

Если вам нужно выровнять рекламный блок Гугл посередине сообщения, поместите его в такой обрамляющий код:

<div style='text-align: center'>
Ваш измененный в конвертере рекламный блок
</div>

Как добавить рекламный код Гугл в начало поста (в верх сообщения) в Блогспот


Рекламный баннер в начале статьи на Блогспот считается самым выгодным рекламным блоком. Он больше всего привлекает внимание читателей и обычно приносит больше дохода, чем другие блоки. Поэтому стоит уделить ему особое внимание и креативно подойти к выбору его размера и цвета.

Необходимо подобрать такой блок, который будет наиболее удачно вписываться в тело статьи на вашем блоге. Это зависит от размера фона сообщения. Настроить (узнать) размер сайта и\или можно в панельке «Шаблон – Настроить – Регулировка ширины» (в авторских шаблонах эта функция может быть недоступна, поэтому во избежание проблем лучше брать за основу стандартный шаблон).

как регулировать ширину сайта блогспот


К сожалению, выбор размеров рекламных блоков Адсенс невелик. Если говорить о начале сообщения в Блогспот, то там гармонично будут смотреться лишь несколько рекламных блоков, а именно размером 728х90 (при условии, что тело статьи вашего блога не шире этого размера), 468х60 или два блока 336х280.

Какой вид рекламы Адсенс показывать вверху поста Блогспот (текстовую или графическую) – выбирать вам. Поэкспериментируйте, наблюдая за статистикой Адсенс и анализируя, какой вид рекламы более доходный. Лично у меня сверху стоит блок Адсенс «текст и графика».

«Замаскируйте» ваш рекламный блок вверху статьи под цвета вашего сайта – ссылки
Это можно сделать в вашем аккаунте Гугл Адсенс, даже если код уже установлен (при изменении цвета блока его код менять не требуется).

Чтобы каждый раз при создании сообщения в блоге туда автоматически добавлялся код рекламы Гугл Адсенс, сделайте следующее:

Измените шаблон сайта таким образом:

по поиску (CTRL+F) найдите такой кусок кода:

<div class='post-header'>
    <div class='post-header-line-1'/>

После него вставляем измененный в конвертере код Адсенс.

Чтобы реклама Адсенс была видна только в самой статье, но не показывалась на главной под заголовком статьи, заключите ваш измененный код Адсенс между строк

<b:if cond='data:blog.pageType == &quot;item&quot;'><div style='text-align: center;'>ваш код</div></b:if>

Строки <div style='text-align: center;'></div> в этом случае необязательны, но желательны – для более красивого центрирования рекламного блока (text-align: center – это размещение по центру, соответственно слово center можно заменить на right или left, чтобы позиционировать рекламный блок справа или слева).

Как добавить рекламный код Адсенс в середину сообщения в Блогспот


Для того, чтобы добавить рекламный код Адсенс в середину сообщения в Блогспот, его изменять не нужно. Сформируйте рекламный блок Адсенс в своем аккаунте, копируйте его код и сохраните его отдельным файлом в блокноте (но не в Ворде!). Теперь его придется вставлять вручную в середину поста  Блогспот каждый раз при создании сообщения.

Однако можно упростить задачу и немного автоматизировать процесс вставки кода Адсенс в середину сообщения Блогспот. Для этого откройте админпанель blogspot, зайдите в Настройки – Сообщения и комментарии и вставьте в окно “Шаблон сообщения» ваш код блока adsense и сохраните изменения.



Теперь при создании новой записи в blogspot у вас будет открываться шаблон уже со вставленным кодом Адсенс. Вам нужно лишь разместить текст статьи так, чтобы блок расположился в нужном месте сообщения – примерно посередине. Для создания записи с кодом Адсенс используйте только режим html! Впрочем, это тоже не слишком удобный способ, и лично я предпочитаю вставлять код вручную в середину статьи уже после написания сообщения на своем блоге Блогспот.


2 комментария:

  1. Да, такая статья мне бы в своё время очень помогла. А то я менял коды без перекодировщика, своими ручками.

    Кстати, вот здесь: =ваш код=, насколько я понимаю, знаки = = не нужны? Так убери их, чтобы не сбивали людей с толку. Лучше выдели фразу "ваш код" жирным шрифтом или каким-нибудь цветом.

    ОтветитьУдалить
  2. да, это ты верно подметил про знаки! спасибо!

    ОтветитьУдалить