WordPress后台增加百度统计小工具，实时显示PV/UV/IP等数据

做网站肯定要了解相关网站数据，有时候懒得登陆查看，例如一些PV/UV/IP等数据，那么我们可以直接使用百度统计的api，在WordPress的后台仪表盘进行一个简单的显示，这里为大家整理了一些函数，大家直接放在主题的functions.php文件中即可。并且全局AJAX调用，也不会拖慢后台的速度

显示效果如下：




实现方式如下：

首先需要使用到WordPress使用wp_remote_get和wp_remote_post进行get和post请求，并封装为函数：

具体方法大家自行百度

这里需要调用其doPost方法

1. function zeo_get_baidu_analyse()
   
2. {
   
3.     $url = 'https://api.baidu.com/json/tongji/v1/ReportService/getData'; //百度商业账号请求地址
   
4.     // 账户类型，默认1即可
   
5.     $type         = '1';
   
6.     // 站点ID，可以提供地址栏拿到
   
7.     $siteId     = 'xxx';
   
8.     // 登录百度统计的用户名
   
9.     $username   = 'xxx';
   
10.     // 登录百度统计的密码
    
11.     $password   = 'xxx';
    
12.     // Token 获取方式：https://tongji.baidu.com/web/help/article?id=129&type=0
    
13.     $toekn      = _opz('baidu_tongji_token');
    
14.     //统计天数，维度，默认1
    
15.     $day = 1;
    
16.     $headers = array(
    
17.         'Content-Type' => ' application/json'
    
18.     );
    
19.     $data_body = [
    
20.         'header' => [
    
21.             'account_type'  => $type,
    
22.             'username'      => $username,
    
23.             'password'      => $password,
    
24.             'token'         => $toekn,
    
25.         ],
    
26.         'body' => [
    
27.             'siteId'        => $siteId,
    
28.             'method'        => 'overview/getTimeTrendRpt',
    
29.             'start_date'    => date('Y-m-d', strtotime("-" . $day . " day")),
    
30.             'end_date'      => date('Y-m-d'),
    
31.             'metrics'       => 'pv_count,ip_count,visitor_count',
    
32.             'gran'          => 'day',
    
33.             'max_results'   => $day
    
34.         ]
    
35.     ];
    
36.     try {
    
37.         $json = doPost($url, array(
    
38.             'headers' => $headers,
    
39.             'body' => json_encode($data_body),
    
40.             'timeout' => 30,
    
41.         ));
    
42.         $json = json_decode($json);
    
43.     } catch (\Exception $e) {
    
44.         echo array('error' => 1, 'msg' => $e->getMessage());
    
45.         exit();
    
46.     }
    
47.     zeo_ajax_die($json);
    
48. }
    
49. add_action('wp_ajax_get_baidu_analyse', 'zeo_get_baidu_analyse'); //管理员调用

复制代码

1. function zeo_ajax_die($data, $code = 0)
   
2. {
   
3.     $json['code'] = $data->code;
   
4.     $json['data'] = $data->body;
   
5.     wp_die(json_encode($json));
   
6. }

复制代码

最后就是创建WordPress仪表盘，并显示数据了，代码如下：

1. function zeo_add_dashboard_widgets()
   
2. {
   
3.     wp_add_dashboard_widget('custom_help_widget', '百度统计数据', 'zeo_baidu_analyse_form');
   
4. }
   
5. add_action('wp_dashboard_setup', 'zeo_add_dashboard_widgets');
   
6. 
   
7. function zeo_baidu_analyse_form()
   
8. {
   
9.     $html_s = '
   
10.     <table class="zeo-bd-table"><thead><tr><th>日期</th><th>浏览量</th><th>访客数</th><th>IP 数</th></tr></thead>
    
11.       <tr><td>今日</td><td class="nowt-uv"></td><td class="nowt-pv"></td><td class="nowt-ip"></td></tr>
    
12.       <tr><td>昨日</td><td class="yest-uv"></td><td class="yest-pv"></td><td class="yest-ip"></td></tr>
    
13.     </table>';
    
14.     $script_s = '<script type="text/javascript">
    
15.         (function ($, window, document) {
    
16.             var data = {action: "get_baidu_analyse"}
    
17.             $.post("' . AJAX_URL . '", data, function (data) {
    
18.                 var obj = JSON.parse(data);
    
19.                 if(obj.code == 200){
    
20.                     
    
21.                     var yest = obj.data.body.data[0].result.items[1][0];
    
22.                     var nowt = obj.data.body.data[0].result.items[1][1];
    
23.                     $(".nowt-uv").text(nowt[0]);
    
24.                     $(".nowt-pv").text(nowt[1]);
    
25.                     $(".nowt-ip").text(nowt[2]);
    
26. 
    
27.                     $(".yest-uv").text(yest[0]);
    
28.                     $(".yest-pv").text(yest[1]);
    
29.                     $(".yest-ip").text(yest[2]);
    
30.                 }else{
    
31.                     $(".nowt-uv").text("0");
    
32.                     $(".nowt-pv").text("0");
    
33.                     $(".nowt-ip").text("0");
    
34. 
    
35.                     $(".yest-uv").text("0");
    
36.                     $(".yest-pv").text("0");
    
37.                     $(".yest-ip").text("0");
    
38.                 }
    
39.                });
    
40.            
    
41.         })(jQuery, window, document);
    
42.         </script>';
    
43.     echo $html_s;
    
44.     echo $script_s;
    
45. }

复制代码