PHP 開発ガイド: リアルタイムの Web サイト訪問者統計を実装する方法-PHPチュートリアル-php.cn

PHP 開発ガイド: リアルタイムの Web サイト訪問者統計を実装する方法

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

リリース： 2023-08-25 20:38:02

オリジナル

1879 人が閲覧しました

PHP 開発ガイド: リアルタイムの Web サイト訪問者統計を実装する方法

はじめに:
今日のインターネット時代では、Web サイトのトラフィック統計は Web サイトの運用と管理にとって非常に重要です。最適化。リアルタイムの訪問者統計は、Web サイトの訪問者を即座に理解する手段です。この記事では、Web サイト運営のためのより包括的なデータサポートを提供する、シンプルなリアルタイム Web サイト訪問者統計システムを PHP を使用して開発する方法を紹介します。

1. 準備:

PHP 環境: サーバーに PHP バージョン 5.4 以降がインストールされ、有効になっていることを確認します;
データベース: MySQL を使用します。訪問者情報を保存するデータベース;
HTML と CSS の基本的な知識。

2. データベース設計:
リアルタイムの訪問者情報を保存するために、「visitors」という名前のデータテーブルを作成する必要があります。テーブル構造は次のとおりです:

CREATE TABLE visitors (
    id INT PRIMARY KEY AUTO_INCREMENT,
    ip VARCHAR(45) NOT NULL,
    time DATETIME NOT NULL
);

ログイン後にコピー

3. Web ページファイルを作成します:

Web サイトのメインページを表示するために「index.php」という名前のファイルを作成します。

4. メインページのデザイン:

以下は簡単なメインページのデザイン例です:

<!DOCTYPE html>
<html>
<head>
    <title>网站实时访客统计</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <h1>欢迎访问网站！</h1>
     
    <div class="visitor-info">
        <p>当前在线人数：<span id="online-count"></span></p>
    </div>
     
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="visitor.js"></script>
</body>
</html>

ログイン後にコピー

このページには主に、現在オンラインになっている人の数を表示する要素が含まれています。これは、ページがロードされた後、AJAX リクエストを通じてリアルタイムの訪問者数を取得するために使用されます。

5. JavaScript コードを記述します:

「visitor.js」ファイルに、次の JavaScript コードを記述します:

$(document).ready(function() {
    setInterval(updateVisitors, 1000);
});
 
function updateVisitors() {
    $.ajax({
        url: 'visitor.php',
        type: 'post',
        data: {'action': 'count'},
        success: function(response) {
            $('#online-count').text(response);
        }
    });
}

ログイン後にコピー

このコードスニペットは、1 秒ごとに「visitor.php」に書き込みます。「AJAX リクエストを送信して、リアルタイムの訪問者数を取得し、その結果でページを更新します。

6. PHP コードを記述します:

「visitor.php」ファイルに、次の PHP コードを記述します:

<?php
// 连接数据库
$conn = new mysqli('数据库主机名', '用户名', '密码', '数据库名');
 
// 检查连接是否成功
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}
 
// 获取请求类型
$action = $_POST['action'];
 
if ($action == 'count') {
    // 获取实时访客数量
    $result = $conn->query("SELECT COUNT(*) as count FROM visitors");
    $row = $result->fetch_assoc();
    echo $row['count'];
} elseif ($action == 'record') {
    // 记录访客信息
    $ip = $_SERVER['REMOTE_ADDR'];
    $time = date('Y-m-d H:i:s');
     
    $stmt = $conn->prepare("INSERT INTO visitors (ip, time) VALUES (?, ?)");
    $stmt->bind_param("ss", $ip, $time);
     
    if ($stmt->execute()) {
        echo '记录成功';
    } else {
        echo '记录失败';
    }
}
 
// 关闭数据库连接
$conn->close();
?>

ログイン後にコピー

このコードスニペットは、リクエストタイプに基づいてさまざまな操作を実行します。リクエストタイプが「カウント」の場合は、リアルタイムの訪問者数が返されます。リクエストタイプが「レコード」の場合は、現在の訪問者の IP アドレスとタイムスタンプが記録されます。

7. CSS スタイルを記述します:

「style.css」ファイルに、次の CSS スタイルを記述します:

h1 {
    text-align: center;
}
 
.visitor-info {
    text-align: center;
    margin-top: 50px;
    font-size: 18px;
}

ログイン後にコピー

このスタイルは、主にページの表示効果を美しくするために使用されます。。

8. デプロイメントとテスト:

メインページで Web サイトにアクセスすると、次のことができます。現在オンラインになっている人の数が毎秒更新されることを確認してください。

結論:

この記事の導入部を通じて、PHP を使用して簡単なリアルタイム Web サイト訪問者統計システムを開発する方法を学びました。リアルタイムの訪問者統計は、Web サイトのユーザーエクスペリエンスとマーケティング戦略を最適化するために、Web サイトの運用に役立つリアルタイムのデータを提供します。この記事があなたのインスピレーションになれば幸いです。そして、Web サイトの開発と運用が成功することを願っています。

以上がPHP 開発ガイド: リアルタイムの Web サイト訪問者統計を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。