Как сделать счетчик просмотров статьи
Как сделать свой счётчик, используя Яндекс.Метрика API
Я предполагаю, что у Вас уже есть свой аккаунт на Яндексе, а также установлен счётчик на сайт, поэтому об этом отдельно писать не буду.
Далее в разделе "Платформы" помечаем галочку "Веб-сервисы" и нажимаем "Подставить URL для разработки" .
Затем в разделе "Доступы" ищем "Яндекс.Метрика" и отмечаем пункт "Получение статистики, чтение параметров своих и доверенных счётчиков" .
Нажимаем "Создать приложение" . Открывается страница, на которой мы увидим ID, пароль и Callback URL. Сохраните себе эти данные в любой файл. Из данных нас интересует только ID . Далее переходим непосредственно к получению токена.
Для этого нам нужно перейти по ссылке вида: https://oauth.yandex.ru/authorize?response_type=token&client_id= , где вместо поставляем свой ID. После формирования ссылки открываем соседнюю вкладку, вставляем нашу ссылку и нажимаем Enter. Открывается страница с вопросом разрешить ли доступ к получению статистики? Нажимаем "Разрешить" .
Отлично! Идём далее.
❷ Теперь нам нужно сформировать запрос, после выполнения которого мы получим ответ в формате JSON , данные из которого мы вставим в шаблон вывода поста, либо в любой другой шаблон сайта, который нам требуется. Если хотите вникнуть детально в процесс формирования url для запроса и понять все метрики и группировки - то можете почитать документацию по API Метрики. Наша же цель вполне конкретна и запрос сформирован, поэтому пропустим это. Тем не менее, я расскажу про те параметры, которые входят в наш запрос.
Вот какой ответ мы получим:
Обращаю внимание на параметр "sampled" в нижней части данных. Если Вы получаете статистику за несколько лет и у Вас много страниц на сайте, то в качестве значения должно быть указано false . Данный параметр отвечает за точность вычисления результата. Позволяет управлять семплированием (количеством визитов, использованных при расчете итогового значения). По умолчанию стоит значение medium — возвращает результат на основе выборки, сочетающей скорость и точность данных. В моём случае, на рабочем сайте данные были совершенно некорректны. Я запрашивал отчёт с параметром по умолчанию, начиная с 2016 года. Записей было много, около 100 000 и все цифры были округлённые до трёх нулей. Т.е. вместо скажем 27654 стояло 27000. Мы же получаем абсолютно точные значения, указав в нашем url параметры accuracy=full и proposed_accuracy=false . Но при запросе точных значений чуть увеличивается время запроса. Поэтому, Вам нужно понять,точные ли значения приходят конкретно в Вашем случае. Если полученные значения не отличаются от значений на сайте Метрики, то Вы можете не задавать значения точности и в url запроса вообще не использовать параметры accuracy и proposed_accuracy.
Теперь нам осталось обработать полученные данные и вставить их в наши записи.
❸ Создаём отдельный файл, скажем ya_metrika.php и в него пишем код для скачивания к нам на сервер данных Метрики:
Обратите внимание на места кода, где Вам потребуется вставить свои данные (выделены маркером).
Делаем файл исполняемым (даём ему права 0755).
По итогам выполнения запроса мы получим данные, которые сохраняться в файл JSON, путь на который мы с Вами указывали выше.
❹ Ставим планировщик на выполнение файла ya_metrika.php , скажем один раз в час. Т.е. один раз в час наш скрипт будет обращаться к серверу Метрики и обновлять наши данные. Можете сделать и чаще (раз в полчаса или 15 минут), но имейте ввиду, что есть ограничение по количеству запросов в месяц (5000).
Но сперва давайте протестируем работу нашего запроса.
Для проверки работоспособности запроса, если у Вас выделенный сервер - то Вам нужно будет выполнить в консоли сервера команду:
В первой части команды /usr/bin/php мы говорим, что используем интерпретатор PHP для запуска команды. Во второй части (после пробела) мы указываем путь на исполняемый файл. По итогу выполнения команды, у Вас по пути к файлу JSON (который Вы указали ранее) должен появиться файл с данными. Если он появился - значит команда работает корректно. Если нет - пробуем ещё один вариант команды:
В результате мы получаем нужный файл с данными в нужной для нас папке. Чтобы скачивание файла происходило автоматически в заданный интервал времени (например, раз в час), задаём планировщик командой:
После нажатия Enter откроется редактор файлов по умолчанию. Нажимаем латинскую букву i , чтобы перейти в режим правки. Вставляем строку запуска команды:
Или вариант строки запуска команды №2:
P.S. Для запуска один раз в 15 минут вместо @hourly укажите */15 * * * *
Если у Вас не выделенный сервер, а обычный хостинг, то обратитесь к технической поддержке Вашего хостинга для получения инструкции по установке планировщика (обычно это делается в панели управления хостингом).
❺ Далее нам нужно определиться, как нам выводить данные на страницу. Есть два варианта:
- Показывать данные сразу, при загрузке страницы (это подходит в том случае, если размер JSON файла небольшой, скажем, до 100 Кб);
- Показывать данные позже, когда они будут обработаны и готовы к выводу (это нужно, если у Вас получился большой файл с данными. Например, на моём проекте файл с данными весит 1,7 Мб и нельзя было позволять скрипту тратить много времени на скачивание и обработку информации)
Если наш файл с данными небольшой и мы хотим всё показывать при загрузке страницы (вариант 1), используем PHP. Открываем файл шаблона вывода отдельного поста и пишем код:
Затем вставляем в html-код полученное значение:
Если файл с данными большой (вариант 2), то используем JavaScript:
Проверим корректность данных. Зайдём в веб-интерфейс Метрики, Отчёты --> Стандартные отчёты --> Содержание --> Популярное . Именно здесь визуально мы можем просмотреть все те же цифры по посещаемости любой конкретной страницы сайта.
Подписывайтесь на группу в ВКонтакте, вступайте в сообщество на Facebook, чтобы всегда быть в курсе актуальных выпусков
W e b d e v e l o p m e n t b l o g !
Счетчики посещений можно найти почти на любом сайте, а если их не видно визуально, то это ещё совсем не означает, что их нету. Настоящий веб-мастер и оптимизатор обязательно должен знать сколько человек посещают его ресурс, по каким запросам они переходят и т.п. Некоторые даже ставят счетчики на видное место, чтобы похвастаться перед другими пользователями (веб-мастерами). Из этой статьи Вы узнаете о том, как добавить счетчик посещений к себе на сайт, а также как выбрать счетчик.
1. Кому и для чего нужен счетчик на сайте
Обычный пользователь далекий от создания сайтов не имеет представления, что считается большой посещаемостью, а что маленькой. Значит хвастаться перед такими пользователями посещаемостью нету никакого смысла. Поэтому надо чётко понимать, что счетчик необходим прежде всего веб-мастеру. А нужен он для того, чтобы отслеживать общую посещаемость, а так же следить за детальной статистикой: какой материал на сайте наиболее интересен, какое среднее время пребывания на сайте, какие поисковые запросы привлекли пользователей и т.д.
2. Какой счетчик выбрать
Также можно поставить к себе и Google Analitics (но я обычно его не ставлю).
Теперь расскажу о главном: как установить счетчик на сайт.
3. Установка счетчика на сайт
Я думаю, что объяснять как заполнять форму при добавление сайта не стоит, поскольку здесь все очевидно. Единственное, что хочу сказать: в последнем пункте "участие в рейтингах" не забудьте выбрать категорию (если, конечно, Вы планируете участвовать в общем рейтинге). Далее Вы попадете на страницу, где Вас попросят проверить правильность введенных данных. Если Все правильно, то нажимаете на кнопку зарегистрировать.
Попав на следующую страницу нажимайте на "получить html-код счетчика". Вы попадете на страницу выбора счетчика:
После этого внизу страницы нужно выбрать тип счетчика.
Я всегда выбираю самый первый пункт: "в виде одной картинки" (он стоит по умолчанию). Далее в самом низу страницы будет кнопка "получить html-код счетчика", нажимайте на неё и перед Вам откроется новая страница с кодом.
Код счетчика LiveInternet выглядеть примерно так:
Полученный код нужно вставить в том месте Вашей html-страницы, где Вы хотите, чтобы был счетчик. Советую ставить его в самом низу страницы, чтобы не тормозить загрузку страницы.
Также советую закрыть счетчики в тег , а к тегу a прибавить атрибут rel="nofollow" , чтобы не передавать ссылочный вес.
Для начала нужно зарегистрироваться в рамблере: https://id.rambler.ru/account/external-registration. После этого авторизуйтесь и переходите на странице "добавить сайт".
Далее следуйте инструкциям. В общем смысл примерно тот же самый, что и в первом случае. Здесь придется заполнить немного больше полей, чем у лайвинтернета. В самом конце Вам будет предложено выбрать тип счетчика:
После этого получаете код счетчика и так же как в первом случае вставляете его в том месте на сайте, где хотите, чтобы он выводился.
Код будет выглядеть примерно так:
Рамблер стал очень капризным к модерации ресурсов. Сюда принимают только белые сайты. Если сайт серый, то его отклонят.
Для добавления сайта в Яндекс Метрику Вы должны быть авторизированы на яндексе. После этого переходите на страницу http://metrika.yandex.ru/list/ и нажимайте вверху "добавить счетчик".
После этого необходимо будет заполнить соответствующие поля и аналогичным образом разместить код на сайте. Обычно счетчик от метрики я делаю невидимым на сайте.
После того как Вы добавите счетчики на сайт через пару деньков уже можете начинать анализировать статистику сайта.
У этого счетчика схожие параметры для просмотра счетчика с LI. Т.е. практически те же пункты. В этом плане, конечно, Яндекс Метрика куда интереснее.
Счетчик от мэйла хорош в первую очередь тем, что его рейтинг посещают множество пользователей. С этого рейтинга будут переходы на ваш сайт, если он будет иметь довольно большую посещаемость.
4. Как сделать счетчик посещений красивым
В качестве бонуса я расскажу о том, как сделать счетчик более красивым. Для этого Вам понадобится написать в своей таблице стилей CSS следующий код:
А в месте, где нужно вставить коды счетчиков прописать следующие:
После этого у Вас будут счетчики как на этом сайте, т.е. они затемнены, а при наведение становятся яркими.
Если вы уже создали свой сайт и он открыт для индексации поисковыми системами, то в скором времени вам захочется получать информацию о статистике посещаемости, источниках трафика и т.д. Для этого понадобится установить счетчик посещаемости на все страницы ресурса. Давайте попробуем разобраться как и куда устанавливать такие счетчики.
Яндекс.Метрика
Создание
После этого вы сразу же попадете в панель настроек счетчика, где можно выбрать определенные параметры его работы, например включить вебвизор, отслеживать хеш (для ajax сайтов) или установить информер:
Как показано на скриншоте, код счетчика со всеми его настройка представлен в поле, в самом низу. Теперь осталось лишь скопировать код и разместить его на сайте.
Установка
Устанавливать счетчики лучше всего на все страницы ресурса, поэтому размещать код нужно в общем шаблоне.
Яндекс рекомендует размещать их счетчик как можно ближе к началу страницы, то есть после открывающего тега .
В общем виде это будет выглядеть примерно так:
При этом информер не обязательно размещать вместе с основным кодом счетчика, например, его можно убрать в подвал страницы, перед закрывающем тегом
Во-первых, мой код значительно меньше и соответственно быстрее, чем плагин, ну а во-вторых — лично мне удобнее адаптировать его к дизайну сайта, а не довольствоваться тем выводом, что предлагает плагин. конечно, код плагина тоже можно изменить, но тогда какая разница — что так в коде копаться, что так. Есть и третий момент. Я всё ручками делаю и Вам советую. Пусть не все получится с первого раза, пусть сначала будет корявенько получаться, всё равно — если хочешь хорошо, если хочешь не шаблонный, а эксклюзивный вариант — надо ручками все делать. Всегда.
В общем, в результате на вашем сайте в выбранном месте отобразится цифра просмотренных раз данной статьи.
Открываем functions.php (лежит в шаблоне вашего сайта) и добавляем следующий код:
Читайте также: