Где разместить счетчик в блоге Blogspot

Blogspot продолжает размещать множество личных и общественных блогов, часто со строгими структурными ограничениями. Платформа ограничивает пользовательский HTML определенными разделами, превращая размещение счетчика изображений в важное дизайнерское решение.

Где HTML вообще позволен

Редактор макета — то место, которое принимает собственную разметку, и принимает её в одном-единственном виде: коробкой под названием гаджет, одна разновидность которой берёт сырой HTML. Редактор темы принимает больше, но ошибка там задевает все страницы сразу, и отменить её не всегда очевидно как.

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

Почему боковая колонка — не та коробка

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

Боковая колонка — самый узкий раздел, какой предлагает тема Blogspot, и первый, который переставляется. Счётчик шире этой колонки не сжимается под размер: он торчит, и страницу можно двигать вбок по всей её длине, а не только рядом с картинкой.

Есть и вторая причина, и её замечают слишком поздно. На телефоне боковая колонка уходит под записи, то есть ровно туда, где и так стоит подвал. Счётчик поэтому всё равно оказывается рядом с подвалом — устроив по дороге беспорядок в вёрстке.

Почему подвал держит

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

Практическая часть достаточно коротка, чтобы записать её без картинок. Добавить гаджет HTML, вставить в него тег, оставить заголовок гаджета пустым, чтобы не появился лишний заголовок, перетащить его в самый нижний раздел, какой предлагает макет, и сохранить. Больше менять нечего.

Снимков экрана здесь нет намеренно. Редактор макета за эти годы перерисовывали не раз, и картинка прошлогодней версии хуже, чем никакой: она отправляет читающего искать кнопку, которая переехала. Имена остались на месте — макет, гаджет, HTML — и имена переживают перестройку лучше, чем снимки экрана.

Ограничение оказывается настоящим, но небольшим. Одна коробка, одна вставка — и вопрос о месте закрыт на всё время, пока существует блог. Это честный обмен на площадке, которая в остальном оставляет очень мало для решения.