Счётчик просмотров — это полезный инструмент для отслеживания количества посещений на вашем сайте. В этой статье мы рассмотрим, как добавить счётчик просмотров на ваш сайт с помощью нескольких методов. 🛠️
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:
<?php
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";
$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
die("Connection failed: " . $conn->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->query($sql);
$sql = "SELECT views FROM page_views WHERE page = '$page'";
$result = $conn->query($sql);
$row = $result->fetch_assoc();
echo "Просмотров: " . $row['views'];
$conn->close();
?>
Вставка счётчика просмотров на страницу:
<?php include 'counter.php'; ?>
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>
Выберите один из представленных методов и добавьте счётчик просмотров на свой сайт. Теперь вы сможете отслеживать активность пользователей на вашем сайте. Удачи! 🚀
Добавить комментарий