Главная x Все для blogger

Как вставить рекламу в блог на Blogger.com 2023

Как вставить рекламу в блог на blogger.com

Блоги созданные на Blogger в отличии от тех, которые были созданы в социальных сетях, например Вконтакте, Facebook, Twitter и т.д., позволяют нам вставлять разного роду рекламу. Существует очень много типов рекламных партнерок, например Баннеры, Контекст, Тизеры, CPA (оплата за действия), Adult в общем рекламы просто валом бери и выбирай, что больше нравится.

Каждая реклама имеет свой HTML код, будь то простая ссылка или динамический, анимационный баннер. Самый простой способ его размещения в блоггере это добавление нового гаджета.

Как вставить рекламу в блог на blogger.com в боковые панели

1 Перейдите в раздел Дизайн
2 Добавьте новый гаджет
3 В списке гаджетов выберите HTML/Javascript
4 В появившемся окне вставьте HTML код рекламы
5 Сохраните гаджет

В зависимости от партнерки может понадобиться несколько минут для активации рекламного объявления, после чего оно начнет отображаться в вашем блоге.

Переходим к просмотру видео:


Как добавить рекламу в публикации

Просмотрев видео ниже вы узнаете, как добавлять рекламные объявления в начало, конец и внутри публикации.






ВСТАВЬТЕ ЗДЕСЬ РЕКЛАМНЫЙ КОД

Переходим к просмотру видео:


Как вставить рекламу в фид (лента новостей)

Чтобы увеличить процент отдачи от рекламы следующим делом я рекомендую вам установить рекламные блоки в ленте новостей, а точнее между сообщениями. Google Adsense уже давно разработал объявления, которые должным образом подстраиваются под тип ленты каждого блога. Само собой вы можете добавлять объявления и других партнерских программ.

Установка рекламы в фиде старых тем Blogger

Для размещения рекламных блоков в фиде старых тем Blogger используйте код ниже, а так же следуйте указаниям из видео:







ВСТАВЬТЕ ЗДЕСЬ РЕКЛАМНЫЙ КОД






ВСТАВЬТЕ ЗДЕСЬ РЕКЛАМНЫЙ КОД

Установка рекламы в фиде новых тем Blogger

Для новых шаблонов Blogger используем следующий код:




ВСТАВЬТЕ ЗДЕСЬ РЕКЛАМНЫЙ КОД

CSS для Темы Emporio


CSS для Contempo
Чтобы в теме Contempo сделать разрыв между нижней частью объявления и верхней частью сообщения добавьте следующий CSS код:

.post-outer { margin-bottom: 20px; }

Переходим к просмотру видео:



Создание и установка на сайт своего баннера

По лычному опыту могу сказать, что порой требуется создать собственный рекламный баннер , чтобы рекламировать различные партнерки и тем самым не быть заблокированным расширением Adblock.

Конечно в сети есть много сервисов позволяющие это сделать, но во-первых долго разбираться, что к чему, во-вторых могут запросить регистрацию на сайте для получения самого баннера и в третьих такие сервисы могут влепить в ваш баннер ссылку на свой сайт. Хотя один плюс в них все таки есть, если вы не дружите с графическими редакторами там вы сможете легко настроить фоновую картинку баннера. С нашим баннером таких проблем не возникнет. Зная, что самым популярным форматом является 728 * 90 пикселей выбрали именно его. Но его можно легко изменить задав нужные параметры ширины и высоты. Вот результат.

Преимущества баннера:

  1. Адапитвный дизайн - хорошо для пользователей мобильных устройств.
  2. Есть кнопка "Закрыть - Close", пользователь в любой момент может скрыть его.
  3. Плавающий дизайн - постоянно на виду, то есть при прокрутке страницы не прячется, повышая таким образом процент пробива.


Для установки нужно перейти в раздел Шаблон - Изменить HTML находите код