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

В прошлой статье – “Регистрация HTML сайта на сервисе статистики” мы с Вами зарегистрировали HTML сайт с доменом moypervyi-site.narod.ru, на сервисе статистики LiveInternet и получили там счетчик, то есть, нам осталось добавить код счетчика на все станицы сайта, чем мы с Вами давайте и займемся.

Давайте вспомним, что сайт moypervyi-site.narod.ru, на который мы будем добавлять код счетчика,  состоит из трех статических HTML страниц, которые созданы путем написания HTML кода в блокноте.

Чтобы добавить код счетчика на все страницы сайта, откроем их последовательно HTML редактором или блокнотом и добавим код счетчика перед тегом </body>. Затем, подключимся к хостингу, с помощью FTP менеджера FileZilla, и обновим страницы сайта.

Для редактирования HTML страниц я использую блокнот Notepad++ Portable. Редактор блокнота Notepad++ Portable подсвечивает теги HTML кода разным цветом и имеет еще много разных инструментов, которые способствуют комфортной и удобной в нем работе, так что редактор Notepad++ Portable я Вам рекомендую.

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

Посмотрим визуально на главную страницу сайта и определим, место, где будет расположен счетчик. HTML-код счетчика, как правило, добавляют в нижний колонтитул сайта (футер). Давайте так и поступим.

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

Скопируем полученный на сервисе LiveInternet код счетчика и добавим в ячейку рядом с копирайтингом. Сохраним страницу.

Подключимся к хостингу FTP менеджером FileZilla и закачаем файл index.html с кодом счетчика на хостинг.

Теперь откроем страницу сайта https://moypervyi-site.narod.ru.  Мы видим, что на странице появился счетчик.

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

Это связано с тем, что HTML-код счетчика представляет собой Java скрипт, а надпись копирайтинга обычный текст, поэтому браузер отобразил эти объекты на странице по-разному.  

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

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

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

После изменения кода, закачиваем файл index.html  на хостинг и проверяем изменения, обновив главную страницу сайта в браузере.

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

После того, как Вы все отладите счетчик на главной странице сайта, можно переходить к добавлению счетчика на оставшиеся страницы.

Автор: Виктор Милованов