WordPress显示访客IP和操作系统等信息

function csrwiki_welcome_popup() {
    // 仅在Post ID为4366时生效
    if (is_single(4366)) {
        // 获取访客IP
        $visitor_ip = $_SERVER['REMOTE_ADDR'];

        // 使用ipinfo.io API获取地理位置信息
        $location_info = file_get_contents("http://ipinfo.io/{$visitor_ip}/json");
        $location_info = json_decode($location_info);

        // 获取浏览器和操作系统信息
        $user_agent = $_SERVER['HTTP_USER_AGENT'];

        // 生成JavaScript代码
        ?>
        <script type="text/javascript">
            document.addEventListener('DOMContentLoaded', function() {
                var visitorIP = "<?php echo $visitor_ip; ?>";
                var locationInfo = <?php echo json_encode($location_info); ?>;
                var userAgent = "<?php echo $user_agent; ?>";
                var visitorTime = new Date().toLocaleString();

                // 创建弹出窗口的内容
                var popupContent = `
                    <div id="welcome-popup" style="position: fixed; right: 20px; bottom: 20px; padding: 15px; background: #fff; border: 1px solid #ccc; box-shadow: 0 0 10px rgba(0,0,0,0.1); z-index: 1000;">
                        <h4>欢迎您！</h4>
                        <p>您的IP地址是：${visitorIP}</p>
                        <p>您来自：${locationInfo.city}, ${locationInfo.region}, ${locationInfo.country}</p>
                        <p>您使用的浏览器是：${navigator.userAgent}</p>
                        <p>您的操作系统是：${navigator.platform}</p>
                        <p>当前时间是：${visitorTime}</p>
                    </div>
                `;

                // 将弹出窗口添加到页面
                document.body.insertAdjacentHTML('beforeend', popupContent);

                // 设置定时器，5秒后自动关闭弹出窗口
                setTimeout(function() {
                    var popup = document.getElementById('welcome-popup');
                    if (popup) {
                        popup.remove();
                    }
                }, 5000);
            });
        </script>
        <?php
    }
}

// 将函数挂载到wp_footer钩子
add_action('wp_footer', 'csrwiki_welcome_popup');