Как красиво установить счётчики статистики в блоге.

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

Пост в первую очередь для новичков, которые просто не знают, как красиво установить счётчик посещения в блоге. Сама когда-то в начале блоговедения мучилась с этим.


То они по вертикали располагаются как-то коряво. Если, к тому же изображение одного больше или меньше другого. То не по центру встанут. Или вообще сбоку. Полный хаос был с ними.

Конечно же, не нужно устанавливать их немеренное количество. Но для учёта статистики посещений, отслеживания трафика и позиций сайта, один или два будет уместно поставить. Многие вебмастера ограничиваются  установкой сервиса статистики LiveInternet или Яндекс метрика. Часто обращаю внимание, что если их больше 2-3  (а это в большинстве своём страсть всех начинающих) они просто разбросана как попало и совсем не радуют не только количеством, но и портят весь дизайн.

Как красиво расположить счётчик статистики по горизонтали.

Обычно горизонтально счётчики устанавливаются в подвале блога. Для того чтобы он располагался строго по центру в гаджет HTML/JavaSсript заключите его в теги

<center>здесь весь код счётчика</center>

Соответственно, слева <left>код</left> и справа <right >код</right >.

При установке 2-х или 3-х счётчиков по горизонтали используем такой код.

<table><tr><td>код первого счётчика</td><td>код второго </td>код третьего</tr></table>

Вы обратили наверное внимание, что просто добавляем участок <td>код </td>.

Для пущей важности можно добавить немного красоты и задать расположение. Допустим -

<table align="center"  border="5">
<tr>
<td>код Яндекс Метрики </td><td> код LiveInternet </td> </tr></table>

border="5" задали небольшую рамку для блока. Можете убрать это значение или поменять на своё. Результат.
счётчики статистики по горизонтали
Как красиво расположить счётчик статистики по вертикали.

Используем этот код.

<div style="text-align:center;margin:4px" >код первого счётчика
</div>
<div style="text-align:center;margin:4px" >
код второго счётчика
</div>
<div style="text-align:center;margin:4px" >
код третьего
</div>
Здесь мы просто заключили коды в контейнеры <div>и задали расстояние между ними, чтобы не прилипали друг к другу. Значение margin:4px можно менять по вашему желанию.

Результат.
счётчики статистики по вертикали

Если хотите сделать прозрачность у счётчиков, то эта статья для вас.

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

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

здесь можно оформить подписку на новые шпаргалки

Введите Ваш email


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

  1. Вика, спасибо, что напомнила об этой теме. У меня установлена Яндекс метрика на блог, и я при большом желании могу смотреть ее в закладках, но что-то я уже не помню где взять код счетчиков. Про прозрачность - где же ты была, когда я перекапала весь интернет в поисках этой самой функции!
    Но я сомневаюсь нужно ли выставлять счетчик на всеобщее обозрение. Ты как думаешь, он всем нужен или может некоторым лучше не позориться? Я не про себя. Бывало, захожу на какой-нибудь блог, а там на счетчике 0-0-0.

    ОтветитьУдалить
    Ответы
    1. Олеся, да ведь можно поставить счётчик и выбрать вариант не показывать количество посетителей. А насчёт нулей всяко бывает. Некоторые и 100 стесняются. Это уж кто как загнул планку. код счётчика Яндекс обычно здесь https://metrika.yandex.ru
      А так в метрику заходишь, настройки-код счётчика. делаешь все настройки.

      Удалить
    2. Спасибо, Вика, поищу.

      Удалить
  2. Дерзай, Олеся. Работы с блогом всегда много.

    ОтветитьУдалить
  3. Вика, привет. Сегодня заметила, в Яндексе Тиц стало 10, решила похвалиться и установила счетчик, но на нем ничего нет. У меня основное зеркало в Яндексе .ru. Пробовала и так и так, все равно пусто.
    Интересно, почему не отображается 10? Это не важный вопрос. Решения не требует, просто интересуюсь.

    ОтветитьУдалить
  4. Привет, Олеся. Если ты код счётчика взяла здесь https://yandex.ru/support/catalogue/citation-index/tic-button.xml то подожди. А вот что ты имела ввиду У меня основное зеркало в Яндексе .ru не пойму. Просто вводи свой адрес блога и всё.

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

Пользовательский поиск
Foto Saya
My Photo