Home > Developer > Web Develop
# CSS Burying Point statistics
> When a website or app size to a certain extent, need to analyze the user in the app or site's corresponding operation, you need to bury the statistics user behavior, this needless to say, the specific implementation has JS script write good buried point event and tune interface, today get to a new buried point statistical way to ensure refreshing. The following code demonstrates briefly.
```
Index.html
<! DOCTYPE html>
<meta charset= "UTF-8" >
<meta name= "viewport" content= "width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1, User-scalable=no "/>
<title>css Buried Point </title>
<style>
. background {
background-size:100% 100%;
width:100%;
height:100%;
position:fixed;
Z-index:-100;
}
HTML {
Background-color: #fff;
}
. notice-content {
border:1px #ccc Solid;
padding:19px;
border-radius:10px;
width:80%;
margin-left:10%;
margin-top:10%;
}
. check-content {
Padding:0!important;
Width:80%!important;
margin-left:25px;
margin-top:10px;
}
. Confirm {
Float:left;
Position:relative!important;
left:6%;
Height:32px!important;
Line-height:32px!important;
}
. btn {
border:1px solid #ff6689;
Background-color: #ff6689;
width:60%;
margin-left:20%;
margin-top:36px;
font-size:16px;
Font-weight:bold;
Color: #FFFFFF;
}
. title {
Display:block;
Text-align:center;
font-size:20px;
margin-bottom:19px;
}
span {
Display:block;
margin-bottom:7px;
}
. Mui-checkbox Input[type=checkbox]:checked:before,
. Mui-radio Input[type=radio]:checked:before {
Color: #ff6689;
}
. body-content {
width:100%;
height:100%;
}
Body {
Background-color:rgba (239, 239, 244, 0)!important;
}
. link:active::after{
margin:100px 100px;
color:red;
Content:url ("Http://192.168.1.100:8888/Hotels_Server/view/count.php?action=visit");
}
</style>
<body>
<div class= "Loading" >
</div>
<div style= "" class= "Body-content" >
<div class= "Background" >
<!---
</div>
<div class= "Notice-content" >
<label class= "title" > Registration Notice </label>
<span>1. This registration is limited to the Chinese region. </span>
<span>2. After the completion of the registration audit, the birth registration service card can be sent to the township (town, Street) directly to receive, you can also choose to pay the courier to the applicant. </span>
<span>3. The application registration information must be true and complete, if false, the applicant will bear the corresponding legal responsibility. </span>
</div>
<a class= "link title" > Access </a>
</div>
</body>
```
```
count.php
<?php
/**
* Created by Phpstorm.
* User:geek
* DATE:2018/1/18
* Time: 9:56
*/
$actionName = $_request["Action"];
Time formatting
$time = time ();
$time = Date ("y-m-d", $time);
echo "Access action". $actionName. "Access time." $time;
?>
```
! [CSS Click Statistics] (//upload-images.jianshu.io/upload_images/2287777-c1d479c5171de2d0.png?imagemogr2/auto-orient/strip% 7cimageview2/2/w/1240)
! [PHP Code Statistics] (//upload-images.jianshu.io/upload_images/2287777-a50bd17a33290204.png?imagemogr2/auto-orient/strip% 7cimageview2/2/w/1240)
* * Description * *
* This way of course uses relatively simple event burying points. Complex words still need JS operation.
* JS buried point statistics users can be disabled through the browser, CSS, there is no way to disable
CSS Burying Point Statistics
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
