简单前端JS校验脚本分享

yang。

: Y: x2 c% {) F* h/ @
, L$ t6 A3 x) w- t( [  p开个头-------------持续亏钱ing。。。。


) x, g$ O; L9 D* U8 n这两日有小伙伴觉得我加的一些前端验证有点用，遂求分享代码，这里也整理了一下发出来。

基本效果么 可以查看这篇帖子
https://www.advertcn.com/thread-99669-1-1.html


% G! p( p) ?. M+ ^6 ?但是要强调下：脚本永远只能作为参考和辅助，

; L+ [/ c! V  u

1. //your track host
   ! N/ C1 H8 e$ z2 h8 ~
2. var trackHost = "";
   
3. 
   0 G9 D. V' i, z1 |" ]& n" O) Z  L
4. /**
   
5. * 1.校验浏览器是否支持js，可以作为垃圾爬虫得基础校验方式之一
   
6. * 使用方式  直接调用jsSuportCheck()
   
7. *      1.trackHost 指向你的追踪器，
   
8. *      2.修改 event1 为你自己的event
   4 ]- D) |- Y/ V8 r5 F! h, E
9. *      3.追踪器上  click-event1 = 不支持js浏览器数量(个人认为是刷子爬虫之类的)
   0 Q$ n! J- k4 b; s
10. *      4.追踪器上  event1 = 支持js浏览器数量
    
11. */
    
12. function jsSuportCheck() {
    0 E: t$ L: I7 @( W
13.     var o = document.createElement("img");
    
14.     o.style.display = "none";
    : D+ c6 J" d; B7 u
15.     o.src= trackHost + '?event1=1';
    % d- C8 G9 Q* e) W$ S" e7 t2 N: ?, w
16.     document.body.appendChild(o)
    3 n: M9 n& _3 K
17. }
    " r& z' ^' z8 f  n" D- g: H& W
18. 
    
19. 
    3 \( m% n$ L5 S' N
20. /**
    " D% }4 j9 w8 N% G
21. * 2.页面存活时间
    / \4 J. }. {9 ]: O7 Y4 t: f8 ?/ h
22. * 使用方式 直接调用 aliveCheck()
    
23. *      每隔1s向你的追踪器发送一条数据：更新你的event
    4 ?* k& X  t# }. g8 i; H
24. *      1.trackHost 指向你的追踪器，
    0 d% |+ J9 X& w- V, Y1 N" Q! p
25. *      2.修改 event3 为你自己的event
    
26. *      4.追踪器上 event3 = 页面存活时间
    0 l# ^4 B' O9 e
27. *
    
28. * 数据说明：
    
29. *  1.时间为0
    - p5 q0 v0 _) R0 C% q3 A
30. *         1.jsSuportCheck = 支持的 说明用户在1s呢关闭了页面，疑似高级爬虫(支持js的爬虫 如PhantomJS、NightmareJS 等无头)
    
31. *         2.jsSuportCheck = 不支持的 参考jsSuportCheck
    
32. *  2.时间不为0
    
33. *         1.时间很长的：页面打开了，没人管，，这个不好说，我觉得不正常
    
34. *         2.时间长短不一的，人类操作概率较大，若普遍存活时间短的，可以考虑LP有问题
    
35. *         3.存活时间还行，LP ctr也还行，说明 LP还可以
    
36. *
    / L3 E& i; p' H8 n# s
37. */
    
38. 
    
39. var times = 0;
    
40. function aliveCheck() {
    . U6 b/ v4 [0 D9 [0 E+ {
41.     setInterval("checklive()","1000");
    " j  F4 m1 n  |0 e
42. }
    
43. function checklive() {
    
44.     times += 1;
    
45.     var o = document.createElement("img");
    2 U: X( M7 i& V' r! Y
46.     o.style.display = "none";
    
47.     o.src = trackHost + "?event3=" + times;
    
48. }
    
49. 
    5 T# c) Z, ^, p. p  _( O( l
50. 
    ( u$ w; R  O0 Y
51. /**
    
52. * 谷歌验证
    : I' G& n% R  ]
53. * 个人觉得有前边的已经差不多了，所以这个已经没在用了，有需要的自己取
    0 e1 n* q3 K  p$ N% N5 ^8 N* ?
54. *
    
55. * 需要自己编码一个后端服务，用于同谷歌服务器通讯，返回score
    / G1 s3 T* I; s' {, g9 ~8 p3 O
56. */
    
57. //申请的grecaptcha前端token
    
58. var token = "";
    
59. //你的grecaptcha后端服务器地址
    6 @2 Z7 s' ^; n9 }# M
60. var grecaptchaPostServer = "";
    
61. function recaptcha() {
    4 @# D5 I/ f+ {6 O4 m
62.     grecaptcha.ready(function() {
    ! ~; }: F3 {1 c% p4 L+ m
63.         grecaptcha.execute(token).then(function(token) {
    
64.             var ip = decodeURI((RegExp('ip' + "=(.+?)(&|$)").exec(location.search) || [, null])[1] || "");
    
65.             var o = document.createElement("img");
    2 A1 `' h0 I. m
66.             o.style.display = "none";
    
67.             $.ajax({
    
68.                 url: grecaptchaPostServer,
    ! w0 U/ ]$ i. |2 y- f. R
69.                 type: 'POST',
    
70.                 data: {"token":token,"ip":ip},
    
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;
    
78.                     document.body.append(o)
    
79.                 }
    . p( M; K6 U* p1 ^7 M/ ?
80.             });
    
81. 
    
82.         });
    ( Y: p8 ^7 I. _6 J. ~
83.     });
    , V: d1 Q$ Q& S' l/ N
84. }

复制代码

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




. c! N/ J4 H) G8 U9 F7 J7 f

forestchu

非常 的给力.感谢哈

All

感谢分享

yang。

补充下：
今天同时跑几个campaign，发现追踪器负荷有点高，查看lp页面的时候发现页面时长统计的请求会502，应该是数据量大，加上这个请求太过频繁导致，遂将

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

复制代码

修改为：
: Y% G4 I4 v* i5 M

1. var times = 0;
   / `8 S8 t5 ]2 _& w& Z) b" s
2. function aliveCheck() {
   2 E& c2 R  }/ w& Y* o0 ^
3. //请求频率从1s提高到5s一次，，5000是毫秒 = 5s
   
4.     setInterval("checklive()","5000");
   ( q3 o, p, z" Y3 v
5. }

复制代码

; Y( F$ k- l/ t. A追踪器压力明显降低。。。。
- n3 ]8 ?& K! o/ H" C
这个看各位的需要，如果是高富帅顶配服务器当我没说，，，但这个统计存留时长的，1s一次的确有点过分细化了，，，，各位可以按照自己的经验调整统计频率

tonychopper

yang。 发表于 2021-9-11 22:20
补充下：
今天同时跑几个campaign，发现追踪器负荷有点高，查看lp页面的时候发现页面时长统计的请求会502， ...

7 L& M& M  X! {! @虽然看不懂但是感觉很厉害云追踪器可以用吗，前端技术为0，问下这个是js 放在lp上的吗？

yang。

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

追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
这个就是js代码，直接放在LP里 但是记得要调用！！！！！

pitch

yang。 发表于 2021-9-14 10:16
追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
2 W. q$ u+ v7 j这个就是js ...

: ^9 G" b8 Y4 f& p, J# Y7 f" @老哥能说明白点吗？在LP哪个位置调用、怎么调用

gresh

厉害了！

yang。

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

* v  @: a( g+ v. t5 k5 t放在头部head标签中，用script标签包裹，或者放在最下边，body内，script包裹，调用注释里有

pitch

yang。 发表于 2022-1-11 15:56
- f8 r1 N& U) j' a: L& w  U- S放在头部head标签中，用script标签包裹，或者放在最下边，body内，script包裹，调用注释里有 ...

. P$ Y, g6 {% W7 i3 a谢谢回复，已经用上了

wr406531195

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