Как сделать счетчик из калькулятора. Какой счетчик выбрать
Фреймворк Bootstrap: быстрая адаптивная вёрстка
Пошаговый видеокурс по основам адаптивной верстки в фреймворке Bootstrap.
Научитесь верстать просто, быстро и качественно, используя мощный и практичный инструмент.
Верстайте на заказ и получайте деньги.
Бесплатный курс "Сайт на WordPress"
Хотите освоить CMS WordPress?
Получите уроки по дизайну и верстке сайта на WordPress.
Научитесь работать с темами и нарезать макет.
Бесплатный видеокурс по рисованию дизайна сайта, его верстке и установке на CMS WordPress!
*Наведите курсор мыши для приостановки прокрутки.
Назад Вперед
Счетчик посещений сайта своими руками на PHP и MySQL
В этом уроке мы с вами рассмотрим, как можно сделать простой счетчик посещений для вашего сайта. Пример мы будем реализовывать на 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. Создаем проект в Денвере (либо на реальном сервере)
Я создал в Денвере хост с именем statistic , а в папке www находятся все файлы сайта.
2. Создаем базу данных
Давайте перейдем к созданию базы, где у нас будет лежать вся информация. Назовем ее stats и создадим в ней две таблицы.
Если вы не хотите вручную создавать таблицы, то можете воспользоваться дампом базы (приложен в дополнительных материалах) и выполнить SQL-запрос на вкладке SQL после создания базы.
Итак, создаем первую таблицу . Назовем ее ips - в ней будут храниться идентификаторы IP-адресов и сами IP-адреса посетителей сайта.
В таблице будут 2 поля:
Id_id (int (12), первичный ключ, автоинкремент)- идентификатор IP-адреса;
- ip_address (varchar (50)) - сам IP-адрес посетителя.
В таблице будут 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 , который содержит всю логику работы счетчика.
В нижей части, перед закрывающим тэгом body мы подключаем файл show_stats.php , в котором содержится сам код счетчика, т.е. в этом файле уже формируется непосредственно то, что мы будем выводить на экран.
Т.е. на каждой странице сайта у нас будет выводиться счетчик, и будет указано, сколько было за сегодня уникальных посетителей и просмотров. Этот файл мы разберем позже.
5. Пишем файл стилей (style.css)
#nav{ padding-left: 0px; } #nav li{ display: inline; margin: 5px; padding: 5px; font-family: Verdana; font-size: 15px; background-color: #F1EEF7; border: 1px solid silver; } #nav li a{ text-decoration: none; } #nav li:hover{ background-color: #8D93EF; }
Стили, как вы видите, очень простые. Мы задаем отступы, размер и гарнитуру шрифта, убираем подчеркивание для ссылок в меню и меняем цвет фона при наведении курсора мыши на элемент списка.
Кроме того, мы используем свойство display со значением inline для того, чтобы наше меню приняло горизонтальный, а не вертикальный вид.
6. Пишем файл.htaccess
На всякий случай создаем в корне сайта файл .htaccess с одной единственной директивой для задания кодировки UTF-8:
AddDefaultCharset UTF-8
Данный шаг может оказаться излишним, если кодировка сервера уже была установлена в это значение.
7. Подключаемся к базе данных (db.php)
В файле db.php указаны параметры подключения к базе данных - хост, имя базы, логин и пароль.
В этом же файле выполняется непосредственно соединение, а идентификатор соединения заносится в переменную $db . В случае ошибки выводится сообщение о невозможности подключиться к базе.
7. Пишем основной файл с логикой (count.php)
Ниже представлен его код, который мы вкратце разберем:
Итак, сначала мы подключаем файл bd.php , обеспечивающий связь с базой данных, после чего начинаем писать основной код.
Перво-наперво мы получаем из глобального массива $_SERVER IP-адрес посетителя и сохраняем текущую дату.
Дата нам необходима для того, чтобы проверить, были ли уже за сегодня какие-то посещения, или нет - это как раз наш следующий шаг.
В первом случае (если посещений еще не было) и текущий посетитель является первым в этих сутках, мы производим очистку таблицы с IP-адресами.
Это нужно нам для того, чтобы начать сбор статистики уже именно за сегодняшний день.
Кроме того, мы заносим в базу IP-адрес текущего посетителя, а в базе данных для текущего дня проставляем в поля просмотров и уникальных посетителей по единице, т.к. это первый человек, принесший за сегодняшний день первый хит и первый хост.
Второй вариант - когда посещения сегодня уже были .
В этом случае мы проверяем, есть ли уже в базе IP-адрес, с которого происходит обращение, т.к. нам нужно учитывать лишь уникальные IP-адреса в пределах одних суток.
Если выясняется, что такой IP-адрес уже сегодня был, то мы к текущему значению просмотров добавляем +1 и больше ничего.
Если же такого IP-адреса сегодня еще не было (т.е. посетитель уникальный), то сохраняем в базу его IP и обновляем значения как количества уникальных посетителей, так и просмотров (т.е. увеличиваем на единицу значения обоих полей).
8. Пишем файл, выводящий счетчик на страницы (show_stats.php)
Файл show_stats.php мы используем на каждой из страниц для того, чтобы вывести статистическую информацию. Вот его код:
";Как видите, этот файл намного проще.
Здесь мы просто получаем из базы статистику по текущей дате, после чего используем ключи результирующего массива $row для вывода на экран количества уникальных посетителей (поле host ) и просмотров (поле views ).
9. Создаем файл "админки" (index.php в папке admin)
В этом файле мы представим статистику посещений в табличном виде.
Кроме того, мы реализуем возможность получать статистику за определенный период времени. Ниже представлен код файла index.php :
Статистика
За сегодня
За последнюю неделю
Дата | Уникальных посетителей | Просмотров |
" . $row["date"] . " | " . $row["hosts"] . " | " . $row["views"] . " |
Сначала соединяемся с базой. Затем формируем две ссылки с параметрами, которые позволят нам при клике по ним получать данные за определенный интервал времени (в примере: за 1 день и за 1 неделю).
Мы также проверяем глобальный массив $_GET на наличие передаваемого нами параметра (interval ) и, в случае, если значение этого параметра не является числом, мы выводим соответствующее предупреждение.
Если же все нормально, то мы совершаем запрос к базе, извлекая из нее все записи, отсортированные по дате в обратном порядке в количестве штук, заданных в параметре interval .
После этого мы запускам цикл while и в нем формируем строки таблицы, выводя в их ячейки элементы результирующего массива $row (date, hosts и views ), в результате чего получаем список всех посещений за указанный период времени.
Если краткий текстовый обзор вам не до конца понятен, то изучите полную версию урока в видеоформате на этой странице выше.
В этой статье я расскажу как установить или поменять бесплатный счётчик посещений liveinternet на одностраничном сайте, wordpress и blogspot. Как поменять счётчик, если вы изменили дизайн или ещё по каким то причинам. А так же покажу как сделать его невидимым. Бывают случаи когда дизайн сайта не терпит никаких посторонних изображений.
После того как мы создали сайт, первым делом мы подбираем сервис, для того, чтобы отслеживать как посещают наш веб ресурс. И около половины русскоязычных сайтов пользуются именно счётчиком от ливинтернет.
Это простой и многофункциональный сервис. Как им пользоваться и какие там есть преимущества я писала в предыдущей статье. А сейчас мы идём на Li и получаем код для установки Для того, чтобы зайти туда можно кликнуть на любом сайте по счётчику и попадёте на сервис. Либо набрать в браузере https://www.liveinternet.ru/
Перед вами предстанет такая картина. Жмём Получить счётчик
И регестрируем сайт
- URL сайта
- Зеркала (если есть)
- Название
- e-mail, в случае потери пароля его высылают на электронную почту
- Придумайте и запишите пароль
- Ключевые слова, по которым можно найти ваш сайт в интернете
- Статистика. Есть 2 варианта, доступна по паролю или общедоступна (выбирайте)
- Получать новости от сервиса или нет (дело ваше)
- Выбирайте свой язык
- В рейтингах советую участвовать, самим же интересно будет. (Выберите нужный рейтинг в выпадающем меню)
Нажимаем дальше. Проверяем правильность заполнения и жмём Зарегестрировать. На следующей странице «Получить код счётчика». Мы выбираем как он будет выглядеть. Вы можете выбрать любую картинку от полного показа посещений,до простого треугольничка без показателей. Выбрать цвет можно нажатием на изображение. Нажимаем на выбранное
После этого выбираем какой тип счётчика мы хотим получить. Я всегда выбираю первый вариант. А вы можете выбрать с 2-мя картинками. Считается, что он будет наиболее точно показывать статистику, потому что первая, невидимая картинка устанавливается в хедер (самый верх) сайта. Ведь посетитель начинает просмотр страницы сверху. И к сожалению, не всегда доходит до конца. Причиной может быть например медленная загрузка страниц сайта.
И нажимаем Получить код. Сначала я покажу вам как поставить первый вариант, чтобы вас не путать. Итак, копируем код. И идём сначала на простой сайт или вордпресс. В одностраничном сайте, в файле index.html находим тег