Вебинары Разобраться в IT Реферальная программа
Программирование Аналитика Дизайн Маркетинг
02 Июн 2023
3 мин
1132

Как добавить на сайт счётчик просмотров

Узнайте, как добавить счётчик просмотров на ваш сайт с помощью сторонних сервисов, PHP и MySQL или JavaScript, и отслеживайте активность пользователей!

Счётчик просмотров — это полезный инструмент для отслеживания количества посещений на вашем сайте. В этой статье мы рассмотрим, как добавить счётчик просмотров на ваш сайт с помощью нескольких методов. 🛠️

1. Использование сторонних сервисов

Самый простой и быстрый способ добавить счётчик просмотров на ваш сайт — использовать сторонние сервисы, такие как Google Analytics или Яндекс.Метрика. Зарегистрируйтесь в сервисе и добавьте код отслеживания на ваш сайт.

Пример кода отслеживания Google Analytics:

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXX-Y"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'UA-XXXXX-Y');
</script>

Пример кода отслеживания Яндекс.Метрики:

<script type="text/javascript">
(function(m,e,t,r,i,k,a){
    m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
    m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)
})(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(XXXXX, "init", {
    clickmap:true,
    trackLinks:true,
    accurateTrackBounce:true,
    webvisor:true
});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/XXXXX" style="position:absolute; left:-9999px;" alt="" /></div></noscript>

Не забудьте заменить UA-XXXXX-Y или XXXXX на ваш идентификатор отслеживания.

2. Создание собственного счётчика просмотров с использованием PHP и MySQL

Если вы хотите создать собственный счётчик просмотров, вы можете использовать язык программирования PHP и базу данных MySQL. Ниже приведен пример кода для создания счётчика просмотров с использованием PHP и MySQL.

Создание таблицы в базе данных:

CREATE TABLE `page_views` (
  `id` INT(11) NOT NULL AUTO_INCREMENT,
  `page` VARCHAR(255) NOT NULL,
  `views` INT(11) NOT NULL DEFAULT '0',
  PRIMARY KEY (`id`)
);

Файл counter.php:

&lt;?php
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";

$conn = new mysqli($servername, $username, $password, $dbname);

if ($conn-&gt;connect_error) {
    die("Connection failed: " . $conn-&gt;connect_error);
}

$page = basename($_SERVER['PHP_SELF']);
$sql = "INSERT INTO page_views (page, views) VALUES ('$page', 1) ON DUPLICATE KEY UPDATE views=views+1";
$conn-&gt;query($sql);

$sql = "SELECT views FROM page_views WHERE page = '$page'";
$result = $conn-&gt;query($sql);
$row = $result-&gt;fetch_assoc();
echo "Просмотров: " . $row['views'];

$conn-&gt;close();
?&gt;

Вставка счётчика просмотров на страницу:

&lt;?php include 'counter.php'; ?&gt;
Курсы по программированию
Помогаем получить новую профессию с гарантией трудоустройства!
Подробнее
Курсы по программированию

3. Использование JavaScript для создания счётчика просмотров

Если у вас нет доступа к серверной стороне, вы можете использовать JavaScript и сторонние сервисы, такие как Firebase, для создания счётчика просмотров.

Пример кода с использованием Firebase Realtime Database:

<script src="https://www.gstatic.com/firebasejs/8.3.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.3.1/firebase-database.js"></script>
<script>
  // Ваша конфигурация Firebase
  var firebaseConfig = {
    apiKey: "your-api-key",
    authDomain: "your-auth-domain",
    databaseURL: "your-database-url",
    projectId: "your-project-id",
    storageBucket: "your-storage-bucket",
    messagingSenderId: "your-messaging-sender-id"
  };
  firebase.initializeApp(firebaseConfig);

  var page = window.location.href;
  var pageViewsRef = firebase.database().ref('page_views/' + btoa(page));

  pageViewsRef.transaction(function(views) {
    return views + 1;
  });

  pageViewsRef.on('value', function(snapshot) {
    document.getElementById('page-views').innerText = 'Просмотров: ' + snapshot.val();
  });
</script>
<div id="page-views">Просмотров: 0</div>

Выберите один из представленных методов и добавьте счётчик просмотров на свой сайт. Теперь вы сможете отслеживать активность пользователей на вашем сайте. Удачи! 🚀

Тест на профориентацию
За 10 минут узнайте, как ваш опыт пригодиться в IT индустрии
Подробнее
Тест на профориентацию

Добавить комментарий