Меню

Скрипт счетчик просмотров страницы html

Скрипт счетчик просмотров страницы html

Reg.ru: домены и хостинг

Крупнейший регистратор и хостинг-провайдер в России.

Более 2 миллионов доменных имен на обслуживании.

Продвижение, почта для домена, решения для бизнеса.

Более 700 тыс. клиентов по всему миру уже сделали свой выбор.

Бесплатный Курс «Практика HTML5 и CSS3»

Освойте бесплатно пошаговый видеокурс

по основам адаптивной верстки

на HTML5 и CSS3 с полного нуля.

Фреймворк Bootstrap: быстрая адаптивная вёрстка

Пошаговый видеокурс по основам адаптивной верстки в фреймворке Bootstrap.

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

Верстайте на заказ и получайте деньги.

Что нужно знать для создания PHP-сайтов?

Ответ здесь. Только самое важное и полезное для начинающего веб-разработчика.

Узнайте, как создавать качественные сайты на PHP всего за 2 часа и 27 минут!

Создайте свой сайт за 3 часа и 30 минут.

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

Вам останется лишь наполнить его нужной информацией и изменить дизайн (по желанию).

Изучите основы HTML и CSS менее чем за 4 часа.

После просмотра данного видеокурса Вы перестанете с ужасом смотреть на HTML-код и будете понимать, как он работает.

Вы сможете создать свои первые HTML-страницы и придать им нужный вид с помощью CSS.

Бесплатный курс «Сайт на WordPress»

Хотите освоить CMS WordPress?

Получите уроки по дизайну и верстке сайта на WordPress.

Научитесь работать с темами и нарезать макет.

Бесплатный видеокурс по рисованию дизайна сайта, его верстке и установке на CMS WordPress!

Хотите изучить JavaScript, но не знаете, как подступиться?

После прохождения видеокурса Вы освоите базовые моменты работы с JavaScript.

Развеются мифы о сложности работы с этим языком, и Вы будете готовы изучать JavaScript на более серьезном уровне.

*Наведите курсор мыши для приостановки прокрутки.

Счетчик посещений сайта своими руками на PHP и MySQL

Размер: 53,8 Мб.

Длительность: 34 мин. 25 сек.

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

Понятно, что сейчас существует множество готовых решений — начиная от liveinternet и mail.ru, и заканчивая Яндекс.Метрикой.

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

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

Все исходники, используемые в процессе урока, приложены в архив вместе с видеоуроком.

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

Под видео вы найдете сокращенную текстовую версию для этого видеоурока.

Краткий обзор урока (все подробности смотрите в видео):

Что нам понадобится?

1. 4 практически идентичных файла, играющих роли разных страниц сайта (index.php, contacts.php, about.php и uslugi.php)
2. Файл .htaccess для задания кодировки сервера в значение UTF-8
3. Папка css с файлом стилей. Там прописано немного простейших стилей для наших страниц
4. Папка inc с подключаемыми файлами. Их три:
— файл подключения к базе данных
— Файл, который будет подключаться в нужном месте страницы для вывода счетчика на экран
— Основной скрипт, в котором прописана логика работы счетчика
5. Папка admin с файлом index.php. В этом файле мы сможем просмотреть статистику посещений сайта

Как что работает?

1. Создаем проект в Денвере (либо на реальном сервере)

Читайте также:  Ошибка 30 счетчика се301

Я создал в Денвере хост с именем statistic, а в папке www находятся все файлы сайта.

2. Создаем базу данных

Давайте перейдем к созданию базы, где у нас будет лежать вся информация. Назовем ее stats и создадим в ней две таблицы.

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

Итак, создаем первую таблицу. Назовем ее ips — в ней будут храниться идентификаторы IP-адресов и сами IP-адреса посетителей сайта.

В таблице будут 2 поля:

— id_id (int (12), первичный ключ, автоинкремент)- идентификатор IP-адреса;
— ip_address (varchar (50)) — сам IP-адрес посетителя.

Далее создаем вторую таблицу. Назовем ее visits — в ней будет храниться информация о посещениях сайта.

В таблице будут 4 поля:

visit_id (int (12), первичный ключ, автоинкремент) — идентификатор визита;
date (date) — дата визита;
hosts int(12) — количество хостов (уникальных посещений);
views int(12) — количество хитов (просмотров страниц).

В итоге база будет выглядеть вот так:

3. Базовые положения

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

1. Определять уникального посетителя мы будем по IP-адресу. 1 IP-адрес равен 1 уникальному посетителю (хосту).

2. Заходы в течение 1 дня с одним и тем же IP-адресом не увеличивают количество уникальных посетителей в этот день.

3. Любой заход на сайт в течение суток увеличивает счетчик посещений (хитов) на 1 (вне зависимости от того, совершается ли он с уникального за сегодня IP-адреса или нет).

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

5. Раз в сутки идет очистка таблицы с IP-адресами для того, чтобы мы могли заносить в нее IP-адреса уже текущего дня и собирать статистику именно по сегодняшним посещениям сайта (делается это как раз по факту обнаружения того, что к нам пожаловал первый в текущих сутках посетитель).

4. Пишем файлы страниц сайта (index.php, contacts.php, about.php и uslugi.php)

Поскольку все 4 файла страниц сайта практически идентичны, мы рассмотрим только страницу index.php. Остальные три страницы (contacts.php, about.php и uslugi.php) отличаются только тэгами title и h2, в которых написаны другие названия страниц.

Итак, файл index.php:

В самом начале мы подключаем файл сount.php, который содержит всю логику работы счетчика.

Далее — подключение файла стилей и простая разметка. В блок div с идентификатором nav заключено меню, и в файле стилей как раз для него прописаны некоторые простые стили.

В нижей части, перед закрывающим тэгом body мы подключаем файл show_stats.php, в котором содержится сам код счетчика, т.е. в этом файле уже формируется непосредственно то, что мы будем выводить на экран.

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

5. Пишем файл стилей (style.css)

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

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

6. Пишем файл .htaccess

На всякий случай создаем в корне сайта файл .htaccess с одной единственной директивой для задания кодировки UTF-8:

Читайте также:  Приложение счетчик схваток для android

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

7. Подключаемся к базе данных (db.php)

В файле db.php указаны параметры подключения к базе данных — хост, имя базы, логин и пароль.

В этом же файле выполняется непосредственно соединение, а идентификатор соединения заносится в переменную $db. В случае ошибки выводится сообщение о невозможности подключиться к базе.

7. Пишем основной файл с логикой (count.php)

Ниже представлен его код, который мы вкратце разберем:

Итак, сначала мы подключаем файл bd.php, обеспечивающий связь с базой данных, после чего начинаем писать основной код.

Перво-наперво мы получаем из глобального массива $_SERVER IP-адрес посетителя и сохраняем текущую дату.

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

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

В первом случае (если посещений еще не было) и текущий посетитель является первым в этих сутках, мы производим очистку таблицы с IP-адресами.

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

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

Второй вариант — когда посещения сегодня уже были.

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

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

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

На этом файл count.php можно считать разобранным.

8. Пишем файл, выводящий счетчик на страницы (show_stats.php)

Файл show_stats.php мы используем на каждой из страниц для того, чтобы вывести статистическую информацию. Вот его код:

Как видите, этот файл намного проще.

Здесь мы просто получаем из базы статистику по текущей дате, после чего используем ключи результирующего массива $row для вывода на экран количества уникальных посетителей (поле host) и просмотров (поле views).

9. Создаем файл «админки» (index.php в папке admin)

В этом файле мы представим статистику посещений в табличном виде.

Кроме того, мы реализуем возможность получать статистику за определенный период времени. Ниже представлен код файла index.php:

Сначала соединяемся с базой. Затем формируем две ссылки с параметрами, которые позволят нам при клике по ним получать данные за определенный интервал времени (в примере: за 1 день и за 1 неделю).

Мы также проверяем глобальный массив $_GET на наличие передаваемого нами параметра (interval) и, в случае, если значение этого параметра не является числом, мы выводим соответствующее предупреждение.

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

После этого мы запускам цикл while и в нем формируем строки таблицы, выводя в их ячейки элементы результирующего массива $row (date, hosts и views), в результате чего получаем список всех посещений за указанный период времени.

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

Читайте также:  Счетчик газовый актарис g16

Если краткий текстовый обзор вам не до конца понятен, то изучите полную версию урока в видеоформате на этой странице выше.

Успехов вам, и до связи!

P.S. Хотите легко работать с PHP? Обратите внимание на премиум-уроки по различным аспектам сайтостроения, включая программирование на PHP, а также на бесплатный курс по созданию своей CMS-системы на PHP с нуля. Все это поможет вам быстрее и проще освоить этот мощный язык веб-разработки:

Понравился материал и хотите отблагодарить?
Просто поделитесь с друзьями и коллегами!

Источник



Техподдержка

Телефоны

  • +7(800) 511 08 86 (бесплатный)
    +7(903) 005 03 02
    +7(967) 005 08 80

  • Мы в соц. сетях


    HTML-код (Cчетчик/Cкрипт) установить в MagicSite

    Если Вы получили HTML-код для установки на сайте счетчика, баннера и пр., Вы можете установить полученный HTML-код на сайт непосредственно в виртуальном кабинете.

    Для этого перейдите, пожалуйста, в виртуальном кабинете во вкладку » Администрирование «

    и нажмите кнопку [Скрипты и счетчики]

    В виртуальном кабинете воплощена возможность размещения HTML-кода (Счетчика/Скрипта).

    Если Вы получили HTML-код для установки на сайте счетчика, баннера и пр., Вы можете установить полученный HTML-код на сайт непосредственно в виртуальном кабинете.

    Для этого перейдите, пожалуйста, в виртуальном кабинете во вкладку » Администрирование «

    и нажмите кнопку [Скрипты и счетчики]

    поднимется окно размещения полученного HTML-кода.

    Если Вы устанавливаете HTML-код в данной форме впервые, то сразу поднимется форма размещения кода.

    Заполните, пожалуйста, необходимые поля:

    При нажатии кнопки [Скрипты и счетчики]

    поднимется окно размещения полученного HTML-кода.

    Если Вы устанавливаете HTML-код в данной форме впервые, то сразу поднимется форма размещения кода.

    Заполните, пожалуйста, необходимые поля:

    Расположение скрипта/счётчика

    Установите отметку на предпочитаемом пункте.

    • Если Вы желаете, чтоб скрипт/счетчик располагался только на главной странице ,
      установите отметку на пункте » Вверху ГЛАВНОЙ страницы «
    • Если Вы желаете разместить счетчик на всех страницах MagicSite,
      то выберите пункт » Внизу ВСЕХ страниц «.
      В таком случае код будет размещен в футере сайта (нижнем поле).

    Название

    В поле «Название» пропишите любое название устанавливаемого скрипта/счетчика.

    На сайте это отображаться не будет.

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

    Текст скрипта/счетчика

    В данное поле вставьте сам HTML-код, который необходимо разместить на сайте.

    После заполнения, для сохранения внесенных изменений, нажмите кнопку » Сохранить карточку «.

    Заполните, пожалуйста, необходимые поля:

    Расположение скрипта/счётчика

    Установите отметку на предпочитаемом пункте.

    • Если Вы желаете, чтоб скрипт/счетчик располагался только на главной странице ,
      установите отметку на пункте » Вверху ГЛАВНОЙ страницы «
    • Если Вы желаете разместить счетчик на всех страницах MagicSite,
      то выберите пункт » Внизу ВСЕХ страниц «.
      В таком случае код будет размещен в футере сайта (нижнем поле).

    Название

    В поле «Название» пропишите любое название устанавливаемого скрипта/счетчика.

    На сайте это отображаться не будет.

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

    Текст скрипта/счетчика

    В данное поле вставьте сам HTML-код, который необходимо разместить на сайте.

    После заполнения, для сохранения внесенных изменений, нажмите кнопку » Сохранить карточку «.

    Источник