简单前端JS校验脚本分享

yang。

  P7 ?2 f* R# `: I2 \/ s开个头-------------持续亏钱ing。。。。


5 K$ ~/ ?/ |6 T8 i5 w这两日有小伙伴觉得我加的一些前端验证有点用，遂求分享代码，这里也整理了一下发出来。

) g0 @. _3 v+ ^1 K5 C& B) F, W' I基本效果么 可以查看这篇帖子
' n. e% k% V9 D; F& q# _! ^" O$ dhttps://www.advertcn.com/thread-99669-1-1.html


但是要强调下：脚本永远只能作为参考和辅助，
- k9 Q3 l5 ~9 v! \# h5 Y

1. //your track host
   * u" d2 u5 D- L  y, W
2. var trackHost = "";
   
3. 
   
4. /**
   & H3 l! S) h! `7 y/ }/ y
5. * 1.校验浏览器是否支持js，可以作为垃圾爬虫得基础校验方式之一
   
6. * 使用方式  直接调用jsSuportCheck()
   
7. *      1.trackHost 指向你的追踪器，
   + }4 b' W' h& `( z7 v0 U2 t
8. *      2.修改 event1 为你自己的event
   
9. *      3.追踪器上  click-event1 = 不支持js浏览器数量(个人认为是刷子爬虫之类的)
   
10. *      4.追踪器上  event1 = 支持js浏览器数量
    % c3 u5 o2 e; w2 ~( F
11. */
    
12. function jsSuportCheck() {
    
13.     var o = document.createElement("img");
    
14.     o.style.display = "none";
    1 \& \6 H* y, U, c
15.     o.src= trackHost + '?event1=1';
    - ]( R3 }/ C1 h3 B1 t0 l
16.     document.body.appendChild(o)
      ]9 w& e# e8 S
17. }
    
18. 
    * s* i% g1 I: x% O" I
19. 
    & v( {, k7 a7 \
20. /**
    
21. * 2.页面存活时间
    
22. * 使用方式 直接调用 aliveCheck()
    
23. *      每隔1s向你的追踪器发送一条数据：更新你的event
    0 @& d& {; @4 r0 A3 r. r9 }
24. *      1.trackHost 指向你的追踪器，
    
25. *      2.修改 event3 为你自己的event
    
26. *      4.追踪器上 event3 = 页面存活时间
    $ j/ s+ b" x2 n- i1 Y/ B
27. *
    5 C" ]$ h6 W4 C( s" {
28. * 数据说明：
    
29. *  1.时间为0
    - a  s1 |9 T: b. R) ^
30. *         1.jsSuportCheck = 支持的 说明用户在1s呢关闭了页面，疑似高级爬虫(支持js的爬虫 如PhantomJS、NightmareJS 等无头)
    / E' i2 x7 v; f
31. *         2.jsSuportCheck = 不支持的 参考jsSuportCheck
    
32. *  2.时间不为0
    % Q5 Z2 z0 Y( b" J# h+ t3 x
33. *         1.时间很长的：页面打开了，没人管，，这个不好说，我觉得不正常
    - A  I7 G4 C0 Q& g! |- D" {2 `
34. *         2.时间长短不一的，人类操作概率较大，若普遍存活时间短的，可以考虑LP有问题
    
35. *         3.存活时间还行，LP ctr也还行，说明 LP还可以
    " O) Q$ C8 `9 |9 h1 w6 S
36. *
    
37. */
    
38. 
    ; s2 u, [2 o& j0 o0 l
39. var times = 0;
    5 ^) W  V% f# u: r; V4 j* a! d
40. function aliveCheck() {
    
41.     setInterval("checklive()","1000");
    3 x# z5 c8 w: j7 W! f+ ?4 j2 I
42. }
    
43. function checklive() {
    & }1 L  a2 ^/ a
44.     times += 1;
    0 x. ^- [: u, U5 y0 m( U( u7 u6 z
45.     var o = document.createElement("img");
    ' f! W; k9 X8 }/ J
46.     o.style.display = "none";
    9 B5 e1 ^! y6 {( o
47.     o.src = trackHost + "?event3=" + times;
    
48. }
    
49. 
    ) D3 o+ ~- C; }7 t0 q/ H$ s  o
50. 
    
51. /**
    
52. * 谷歌验证
    0 C% [  k- Q' ~& h8 A8 f& ^
53. * 个人觉得有前边的已经差不多了，所以这个已经没在用了，有需要的自己取
    
54. *
    - x( t% ?; f3 e9 Y2 \1 U9 M
55. * 需要自己编码一个后端服务，用于同谷歌服务器通讯，返回score
    7 A! f7 @, M1 Y4 b& s# _
56. */
    
57. //申请的grecaptcha前端token
    
58. var token = "";
    
59. //你的grecaptcha后端服务器地址
    & g$ _2 T2 W" d5 Y
60. var grecaptchaPostServer = "";
    " m: ?, ]. f/ T6 I
61. function recaptcha() {
    
62.     grecaptcha.ready(function() {
    , T: ^7 C' K3 W
63.         grecaptcha.execute(token).then(function(token) {
    1 g# h' f, [7 Z. k2 `% c9 v5 A5 L
64.             var ip = decodeURI((RegExp('ip' + "=(.+?)(&|$)").exec(location.search) || [, null])[1] || "");
    
65.             var o = document.createElement("img");
    - K6 w4 s  \: I' L/ X; v" N  s  b
66.             o.style.display = "none";
    7 B8 K" U6 }6 w8 u
67.             $.ajax({
    ' Q( u2 O2 ^* J, D% y
68.                 url: grecaptchaPostServer,
    
69.                 type: 'POST',
    
70.                 data: {"token":token,"ip":ip},
      ^: N0 Y8 T, E/ j& C1 W9 d
71.                 success: function(data) {
    
72.                     if(data.score > 0.4){
    
73.                         score = 1;
    
74.                     }else{
    
75.                         score = 0;
    
76.                     }
    
77.                     o.src = trackHost + '?event2='+score;
    " f' D8 z" j) z( x
78.                     document.body.append(o)
    ) R) e1 X5 m. n3 T% |7 {+ @
79.                 }
    
80.             });
    
81. 
    2 w3 I2 w4 e: \
82.         });
    ' ^- f, y8 @2 O% X( x/ ^2 x; B  `
83.     });
    
84. }

复制代码

校验都十分基础和简单，各位新上路的小伙伴们看需要自取即可

: ?. d# D4 y1 O9 _1 T6 W* t
* t% ]3 Y8 r% C* V
9 c2 _0 y: K/ V+ f

& ?" b3 R7 n' r, o. V* ?

forestchu

非常 的给力.感谢哈

All

感谢分享

yang。

补充下：
! o# ?' T% Q. I$ F6 a. L0 A今天同时跑几个campaign，发现追踪器负荷有点高，查看lp页面的时候发现页面时长统计的请求会502，应该是数据量大，加上这个请求太过频繁导致，遂将

1. var times = 0;
   
2. function aliveCheck() {
   
3.     setInterval("checklive()","1000");
   
4. }

复制代码

修改为：

1. var times = 0;
   
2. function aliveCheck() {
   
3. //请求频率从1s提高到5s一次，，5000是毫秒 = 5s
   
4.     setInterval("checklive()","5000");
   7 _1 Q7 u) I+ a+ @" ?$ Y" U0 o4 E& N
5. }

复制代码

追踪器压力明显降低。。。。
% {$ v0 T* w: O' E! G1 Y( k0 w; s1 h
这个看各位的需要，如果是高富帅顶配服务器当我没说，，，但这个统计存留时长的，1s一次的确有点过分细化了，，，，各位可以按照自己的经验调整统计频率

tonychopper

yang。 发表于 2021-9-11 22:20
0 E9 {2 o$ N) D9 p' J6 _* w) W9 z补充下：
今天同时跑几个campaign，发现追踪器负荷有点高，查看lp页面的时候发现页面时长统计的请求会502， ...

7 t5 Y4 f  A& P4 j+ I) u4 c虽然看不懂但是感觉很厉害云追踪器可以用吗，前端技术为0，问下这个是js 放在lp上的吗？

yang。

tonychopper 发表于 2021-9-13 19:41
虽然看不懂但是感觉很厉害云追踪器可以用吗，前端技术为0，问下这个是js 放在lp上的吗？ ...

追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
& I+ ]) x# i  m0 p* N7 [这个就是js代码，直接放在LP里 但是记得要调用！！！！！

pitch

yang。 发表于 2021-9-14 10:16
2 F: W* f3 S" v# L$ A追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
4 a; ]# |( Z$ l! {' X$ ?* V这个就是js ...

  T" p8 a' Z3 s8 R! E; n老哥能说明白点吗？在LP哪个位置调用、怎么调用

gresh

厉害了！

yang。

pitch 发表于 2022-1-8 20:22
老哥能说明白点吗？在LP哪个位置调用、怎么调用

2 J) f" q  ^/ l* J1 |( x放在头部head标签中，用script标签包裹，或者放在最下边，body内，script包裹，调用注释里有

pitch

yang。 发表于 2022-1-11 15:56
3 N" F6 v1 B8 @& q放在头部head标签中，用script标签包裹，或者放在最下边，body内，script包裹，调用注释里有 ...

谢谢回复，已经用上了

wr406531195

I just like analyzing with code, what a good and clear job.