Новостной шаблон Blogger с рекламными блоками — BuzzSpot

Николай Дубук
BuzzSpot — шаблон Blogger для новостного сайта с монетизацией AdSense

Шаблон для Blogspot, где реклама — не добавка, а архитектура

Большинство новостных шаблонов на Блогспот ставят рекламу туда, куда удобно — в сайдбар или под статьёй. BuzzSpot строится иначе: восемь рекламных секций вшиты в каркас страницы с расчётом на нативный формат AdSense in-feed, когда объявление выглядит как обычный пост в ленте. Это конкретная разница в CTR — особенно на вирусных темах с высокой плотностью просмотров.


Шаблон ориентирован на сайты с потоком публикаций: новости, технологии, маркетинг, видеоблог, кулинария — всё, где важно быстро захватить внимание и удержать читателя внутри сайта. Тикер новостей в шапке и секция «Популярное» делают именно это — показывают следующий материал до того, как человек закрыл вкладку.

"Если вы не планируете подключать AdSense или у вас мало посетителей, то в BuzzSpot нет смысла. Восемь рекламных мест будут просто пустовать. Для обычного личного блога без рекламы это лишнее усложнение" — LeVTemplate

Обзор: BuzzSpot

Новостной / вирусный шаблон с фокусом на монетизацию
⚡ Средний уровень
Обзор
🛠 Инфо
Плюсы
  • Много мест под рекламу: можно удобно расставить баннеры Google AdSense прямо внутри ленты статей.
  • Бегущая строка: показывает свежие или важные новости, которые сразу бросаются в глаза.
  • Блок «Выбор автора»: позволяет вручную выделить самые интересные статьи, чтобы на них чаще кликали.
  • Умная тёмная тема: блог отлично выглядит ночью, а логотип сам подстраивается под фон.
  • Удобные комментарии: можно выбрать ту систему, которая больше нравится (стандартные, Disqus или Facebook).
  • Быстрые картинки: сайт сам сжимает изображения, чтобы блог открывался мгновенно.
  • Автоматический топ: блог сам показывает читателям самые популярные материалы.
  • Сбор подписчиков: встроенная форма для почтовой рассылки — просто подключите и собирайте базу.
Минусы
  • Оглавление только в платной версии: в бесплатной его нет, а ведь для длинных статей это самая нужная функция.
  • Тёмная тема требует отдельного логотипа: если не загрузить второй логотип, он будет плохо виден на тёмном фоне.
  • Рекламу нужно настраивать вручную: все 8 блоков добавляются в админке по одному, само собой ничего не появится.
  • Баг с загрузкой (getPosts): раньше возникали проблемы, если в постах были картинки в теге <noscript>. В версии 1.5.0 всё починили — обязательно обновитесь перед установкой.
💡 Совет: Перед настройкой тикера новостей реши, что он будет показывать — недавние публикации или конкретную рубрику. Для этого в Layout добавь виджет «HTML/JavaScript» или «Popular Posts» в секцию Ticker News и пропиши шорткод {getPosts} $label={название-рубрики}.

Как устроена монетизация и управление контентом в BuzzSpot

В шаблоне есть несколько механик, которые работают нетривиально. Разберём каждую — чтобы ты понимал, что именно получаешь, а не просто видел список.

8 рекламных секций и AdSense in-feed

Восемь точек размещения — это не просто «реклама везде». Ключевое — in-feed: объявление встраивается между публикациями в ленте и визуально выглядит как обычный пост. Это нативный формат, который Google рекомендует для сайтов с высокой плотностью контента — CTR у него выше, чем у баннера в сайдбаре. Каждую секцию добавляешь вручную через Layout → Add a Gadget → AdSense или HTML/JavaScript. Сами по себе слоты пустые — ты решаешь, какие заполнять.

Тикер новостей и секция «Популярное»

Тикер — это строка с заголовками, которая прокручивается в шапке. Настраивается шорткодом: можешь показывать последние посты или конкретную рубрику. Секция «Популярное» работает иначе — она автоматически подтягивает самые просматриваемые записи за период, без ручной правки. Вместе эти два блока решают главную задачу новостного сайта: показать читателю следующий материал раньше, чем он потянется к кнопке «назад».

Тёмный режим с раздельным логотипом

Переключатель тёмного режима есть в шапке — читатель нажимает сам. Особенность BuzzSpot: под тёмный фон можно загрузить отдельный вариант логотипа. Это важно, если твой логотип тёмный на белом фоне — без второго варианта он просто сольётся с тёмным фоном или будет выглядеть как белый прямоугольник. Функция поддерживается с версии 1.2.0.

Система комментариев через шорткод

По умолчанию Blogger использует собственные комментарии. BuzzSpot позволяет заменить их на Disqus или Facebook одним шорткодом в настройках виджета «Blog Posts». Для Facebook отдельно указывается язык интерфейса — например, $type={facebook} $lang={ru_RU}. Это значит, что блок комментариев Facebook появится на русском, а не на английском. Полезно, если аудитория преимущественно русскоязычная.

Монетизация через AdSense: что важно знать до старта

BuzzSpot активно позиционируется как AdSense-шаблон. Прежде чем выбирать его под монетизацию — несколько практических моментов.

AdSense и аудитория из России

С 2022 года Google AdSense приостановил выплаты пользователям из России. Если твоя аудитория — преимущественно Россия и ты сам там находишься, AdSense сейчас не будет работать как источник дохода. BuzzSpot при этом остаётся полностью рабочим шаблоном — рекламные блоки можно заполнять объявлениями от других сетей или партнёрскими баннерами.

Как избежать «прыжков» сайта из-за рекламы

Когда на странице много рекламных блоков, она может «дергаться» при загрузке — контент резко съезжает вниз, как только реклама прогружается. Google это не любит и занижает оценки сайту (показатель CLS). Чтобы верстка была стабильной, для каждого рекламного места нужно заранее «забронировать» пустое пространство в коде: минимум 250px для компьютеров и 200px для телефонов. В BuzzSpot это нужно делать вручную — сам он от прыжков не защищает.

Для каких проектов подходит BuzzSpot

Шаблон заточен под конкретный сценарий — поток публикаций с упором на удержание читателя и монетизацию просмотров. Разберём, кому это нужно, а кому нет.

📰 Новостной или технологический блог

Публикуешь 5–10 материалов в неделю — тикер в шапке и автоматическое «Популярное» делают работу вместо тебя: новый читатель сам видит, что ещё почитать на сайте. Без дополнительных виджетов.

💰 Сайт с упором на рекламный доход

Если главная цель — доход от рекламных показов, восемь настраиваемых слотов дают гибкость: in-feed между постами, под заголовком статьи, в боковой панели, в подвале — всё управляется из Layout без правки кода.

🎥 Видеоблог или мультимедийный сайт

BuzzSpot поддерживает встраивание видео с YouTube прямо в секцию комментариев через ссылку. Полезно, если ты делаешь обзоры с видеодополнением — читатели могут смотреть прямо на странице поста.

✉️ Блог с аудиторией через email-рассылку

Если собираешь подписчиков в Mailchimp, форма подписки встроена в шаблон как виджет — настраивается один раз через Layout без HTML-кода.

⛔ Когда BuzzSpot не справится

Личный блог-дневник с редкими публикациями — тикер и «Популярное» будут пустыми или показывать одни и те же три поста. Попробуй Casper — он легче и без лишней инфраструктуры монетизации.

Шорткоды BuzzSpot — шпаргалка по ключевым настройкам

BuzzSpot управляется через виджеты Layout, а не через редактор постов. Вот основные шорткоды, которые тебе понадобятся при первичной настройке:

Секция Шорткод Куда вставляется
Тикер новостей (все посты){getPosts} $results={5}Layout → Ticker News
Тикер по рубрике{getPosts} $label={рубрика}Layout → Ticker News
Виджет постов в сайдбаре{getPosts} $results={5} $label={recent} $style={1}Layout → Sidebar
Комментарии: стандартные$type={blogger}Layout → Blog Posts → Comment Format
Комментарии: Disqus$type={disqus} $shortname={твой-id}Layout → Blog Posts → Comment Format
Комментарии: Facebook (рус.)$type={facebook} $lang={ru_RU}Layout → Blog Posts → Comment Format
Форма Mailchimp{getMailchimp} $title={Подпишись}Layout → Sidebar или Footer
Стиль сетки постовTheme → Customize → Advanced → Blog Posts → Grid Style → 1Не шорткод — через кастомизатор

Большинство настроек делаются один раз при запуске — потом тикер и «Популярное» обновляются автоматически. Шорткоды добавляются как обычный текст в поле виджета, после чего надо нажать Bold (Ctrl+B) — иначе шорткод не сработает.


Что входит в премиум-версию BuzzSpot

  • 📑 Авто-оглавление: сама собирает структуру статьи. Очень удобно для читателей: они сразу видят главное и переходят к нужному разделу в один клик.
  • 🔗 Страница скачивания (SafeLink): полезная штука для сайтов с файлами. Делает «прослойку» перед скачиванием, что дает лишний показ рекламы и заработок.
  • 📌 «Выбор редакции»: удобный блок на главной. Просто отмечаете нужные статьи меткой, и они всегда на виду — никаких привязок к дате публикации.
  • 📐 «Рамочный» режим: аккуратно ограничивает ширину сайта. На больших мониторах блог выглядит опрятно, а не растянуто — включается в настройках.
  • 🏷️ Свой подвал: в премиуме можно убрать надпись «Powered by» и сделать футер полностью чистым.
  • 🔄 Обновления навсегда: все исправления и улучшения вы получаете бесплатно и пожизненно.

Шорткоды для постов BuzzSpot

Кнопки в постах: {getButton} $text={Скачать} $icon={download} $color={#0984e3} → опциональные атрибуты: $size={1} (крупная), $info={подсказка}

Доступные иконки кнопок: preview · download · link · cart · share · contact · info · paypal · whatsapp · gift

Блок с кодом в статье: выдели текст + примени стиль «Quote Text» → появится блок с подсветкой.

Социальные сети в профиле автора: поддерживаются threads · mastodon · bluesky (добавлены в v1.6.0) помимо стандартных Instagram, Telegram, VK, YouTube.

Сравнение бесплатной и премиум-версии BuzzSpot

Функции Бесплатно Премиум ⚡
Адаптивный дизайн
SEO-оптимизация (breadcrumbs, schema)
Кнопки-шорткоды в постах
Поддержка RTL✔ эксклюзив
8+ рекламных секций✔ эксклюзив
AdSense in-feed в ленте✔ эксклюзив
Оглавление статьи✔ эксклюзив
Тёмный режим + отдельный логотип✔ эксклюзив
Секция «Выбор редакции»✔ эксклюзив
Форма подписки Mailchimp✔ эксклюзив
Comметарии Disqus и Facebook✔ эксклюзив
Рамочный режим✔ эксклюзив
Удаление ссылки в подвале✔ эксклюзив
Документация и пожизненные обновления✔ эксклюзив
ЦЕНА Бесплатно $19

BuzzSpot, HyperMag или Galaxy — что выбрать

Три новостных шаблона в каталоге с разным характером. Сравниваем по тому, что реально важно при выборе.

Характеристика BuzzSpot HyperMag Galaxy
Упор на AdSense⭐⭐⭐ — 8 секций, in-feedСредний — несколько зонМинимальный
Тикер новостейЕсть, настраиваемыйЕстьНет
Тёмный режимЕсть + отдельный логоЕстьНет
ОглавлениеТолько премиумЕстьНет
RTL-поддержкаЕстьНетНет
Акцент дизайнаВирусный / новостнойЖурнальный / новостнойЧистый новостной

Выбор простой: если монетизация — главное, берёшь BuzzSpot. Если нужен журнальный облик с мощной структурой — HyperMag. Если хочешь минимум сложности и просто новостную витрину — Galaxy.


Вопросы, которые возникают после покупки

Почему блок «Популярное» или тикер не загружаются или крутятся бесконечно?
Это был баг версии 1.5.0: блок getPosts зависал, если в постах картинки были обёрнуты в тег <noscript>. В версии 1.5.0 (ноябрь 2023) это исправили. Если у тебя старая версия шаблона — скачай актуальную с Gumroad и переустанови. Перед переустановкой обязательно сделай бэкап текущей темы.
Логотип в тёмном режиме выглядит как белый прямоугольник — что не так?
BuzzSpot использует отдельный вариант логотипа для тёмного фона — это функция «Dark Logo», добавленная в версии 1.2.0. Если ты загрузил только основной логотип, на тёмном фоне шаблон подставит его без изменений. Нужно подготовить второй вариант — с белым или светлым текстом/иконкой — и загрузить его в поле «Dark Logo» в настройках темы.
Шорткод {getPosts} написал, но он не работает — виджет показывает пустой текст
После ввода шорткода нужно выделить весь текст шорткода и применить к нему стиль Bold (Ctrl+B или кнопка «Ж»). BuzzSpot распознаёт шорткоды только если они помечены жирным. Это нестандартное поведение относительно других шаблонов — в документации об этом сказано, но легко пропустить при быстрой настройке.
Можно ли заменить Facebook-комментарии на русскоязычный интерфейс?
Да. В настройках виджета Blog Posts в поле Comment Format вводишь шорткод $type={facebook} $lang={ru_RU} и применяешь жирный. Блок комментариев Facebook появится с русским интерфейсом. Другие поддерживаемые языки: fr_FR, de_DE, es_ES, pt_BR — полный список есть в документации разработчика.
Рекламные блоки вызывают «прыжки» страницы при загрузке — как исправить?
Это проблема CLS (Cumulative Layout Shift): AdSense-контейнер изначально пустой, потом расширяется под объявление — страница двигается. BuzzSpot не резервирует высоту под рекламу автоматически. Чтобы исправить, добавь в CSS шаблона правило для каждого рекламного блока: минимальная высота 250px для десктопа и 200px для мобильного. Это уберёт прыжки и улучшит оценку Core Web Vitals.
Превью постов в сетке выглядят пиксельно — почему и как исправить?
С версии 1.3.0 BuzzSpot автоматически конвертирует превью в формат WebP. Если изображения всё равно выглядят нечётко — скорее всего, ты загружаешь маленькие оригиналы (менее 800 пикселей по ширине). В сетке-карточке превью растягивается на всю ширину блока, и маленькое изображение будет размытым. Загружай оригиналы шириной не менее 1200px.
Секция «Выбор редакции» не показывает нужные посты
«Выбор редакции» работает через стандартный гаджет Featured Post в Blogger. Он показывает один конкретный пост, который ты выбираешь вручную в настройках гаджета — не метку и не список. Для нескольких постов в этой секции нужно добавить несколько виджетов Featured Post подряд в ту же секцию через Layout.

Отправить комментарий

0 Комментарии

Отправить комментарий (0)

#buttons=(Принять!) #days=(20)

Этот сайт использует файлы cookie от Google для предоставления своих услуг. Политика Google в отношении файлов cookie
Ok, Go it!