简单前端JS校验脚本分享

yang。

开个头-------------持续亏钱ing。。。。


这两日有小伙伴觉得我加的一些前端验证有点用，遂求分享代码，这里也整理了一下发出来。
  j3 o7 t; s7 H( ^9 B" ~
, l1 d! d+ G4 S) z( Z+ x3 k( [基本效果么 可以查看这篇帖子
! i9 r8 @/ T3 B/ O- uhttps://www.advertcn.com/thread-99669-1-1.html

$ a, V" M- H* w. l
/ h# J5 s3 x4 w但是要强调下：脚本永远只能作为参考和辅助，
1 X4 A* \) H% l% {) f! }' I
* M4 `2 N. N" J

1. //your track host
   ; n  n& [, w1 T" {
2. var trackHost = "";
   9 s( b) C/ w- v) r
3. 
   2 e+ I. k* [1 D$ p& ?8 W
4. /**
   
5. * 1.校验浏览器是否支持js，可以作为垃圾爬虫得基础校验方式之一
   8 D: H/ g! A8 X6 t9 E2 ]& [3 q
6. * 使用方式  直接调用jsSuportCheck()
   * d+ f! ~# i0 d) K+ j" Q
7. *      1.trackHost 指向你的追踪器，
   & c- G; a0 K& i* K# {5 @
8. *      2.修改 event1 为你自己的event
   
9. *      3.追踪器上  click-event1 = 不支持js浏览器数量(个人认为是刷子爬虫之类的)
   6 E. ^8 }  I2 a; b
10. *      4.追踪器上  event1 = 支持js浏览器数量
    
11. */
    5 s" W8 K; G0 b$ B  `5 q
12. function jsSuportCheck() {
    . b! l  s" L7 ~) t
13.     var o = document.createElement("img");
    : f3 m" ?& N3 S  u7 [5 Y' t
14.     o.style.display = "none";
    
15.     o.src= trackHost + '?event1=1';
    9 j' [  |4 F1 h4 Q% L) g
16.     document.body.appendChild(o)
    
17. }
    . O8 ?. B( |" Y, z
18. 
    
19. 
    # o4 F& ?; E5 X8 r4 ^
20. /**
    
21. * 2.页面存活时间
    4 W2 t. c* d& a8 x
22. * 使用方式 直接调用 aliveCheck()
    
23. *      每隔1s向你的追踪器发送一条数据：更新你的event
    
24. *      1.trackHost 指向你的追踪器，
    
25. *      2.修改 event3 为你自己的event
    
26. *      4.追踪器上 event3 = 页面存活时间
    
27. *
    
28. * 数据说明：
    % v' ]6 n- ~9 ]; F/ Y
29. *  1.时间为0
    - H) R( m2 _! D% W# w6 x
30. *         1.jsSuportCheck = 支持的 说明用户在1s呢关闭了页面，疑似高级爬虫(支持js的爬虫 如PhantomJS、NightmareJS 等无头)
    
31. *         2.jsSuportCheck = 不支持的 参考jsSuportCheck
    
32. *  2.时间不为0
    
33. *         1.时间很长的：页面打开了，没人管，，这个不好说，我觉得不正常
    + f3 Q- G7 q3 k- r1 l8 F- i
34. *         2.时间长短不一的，人类操作概率较大，若普遍存活时间短的，可以考虑LP有问题
    
35. *         3.存活时间还行，LP ctr也还行，说明 LP还可以
    + S; U" H& R; |9 i: w
36. *
    
37. */
    
38. 
    
39. var times = 0;
    ! R+ S$ Z* b( E6 e; y+ f5 l( @
40. function aliveCheck() {
    . Y3 r+ n+ w6 R% L' U) O
41.     setInterval("checklive()","1000");
    
42. }
    2 G7 ~( @& v( y% a
43. function checklive() {
    6 c& m! E) A+ N+ d. }
44.     times += 1;
    . L; Y1 P; c- ~7 B
45.     var o = document.createElement("img");
    / `% L; K! e& X- P6 W3 i% d+ C) s( e6 R
46.     o.style.display = "none";
    
47.     o.src = trackHost + "?event3=" + times;
    1 r# }3 I9 ^# [4 a3 z
48. }
    0 W* b) v& M, x" U/ g
49. 
    
50. 
    " N0 i" J1 [2 E8 t8 _
51. /**
    
52. * 谷歌验证
    
53. * 个人觉得有前边的已经差不多了，所以这个已经没在用了，有需要的自己取
    ! n# z9 C6 {' ]& _, Z7 D
54. *
    
55. * 需要自己编码一个后端服务，用于同谷歌服务器通讯，返回score
    5 T3 i6 O" S- g( k
56. */
    
57. //申请的grecaptcha前端token
    
58. var token = "";
    6 C8 r- H+ r2 K& K2 }) E
59. //你的grecaptcha后端服务器地址
    
60. var grecaptchaPostServer = "";
    
61. function recaptcha() {
    
62.     grecaptcha.ready(function() {
    
63.         grecaptcha.execute(token).then(function(token) {
    % y1 L9 z4 W: ^, ^
64.             var ip = decodeURI((RegExp('ip' + "=(.+?)(&|$)").exec(location.search) || [, null])[1] || "");
    
65.             var o = document.createElement("img");
    
66.             o.style.display = "none";
    + n/ g5 e- O8 ^" Z9 j6 G4 l  \, R3 V
67.             $.ajax({
    3 ?8 c" {2 T1 s0 K8 T$ u4 \4 n
68.                 url: grecaptchaPostServer,
    ; P7 D6 ~+ @# F6 k: h9 Z
69.                 type: 'POST',
    9 Y8 a  u; b9 {9 g7 Y' |
70.                 data: {"token":token,"ip":ip},
    
71.                 success: function(data) {
    ) n+ I; ]& R5 Q
72.                     if(data.score > 0.4){
    
73.                         score = 1;
    3 W5 ^; b& @' D# S9 X
74.                     }else{
    ; T" F$ z0 Z- c' t- A8 \9 i
75.                         score = 0;
    
76.                     }
    
77.                     o.src = trackHost + '?event2='+score;
    
78.                     document.body.append(o)
    
79.                 }
    ' i0 K- y+ o6 |$ m' Z
80.             });
    
81. 
    
82.         });
    
83.     });
    , m+ Y* g5 C' G4 k" E9 h$ u
84. }

复制代码

& d3 h) M' ?  |
校验都十分基础和简单，各位新上路的小伙伴们看需要自取即可

. p+ M5 C/ ~! ]/ d


  O) T+ {- ^/ h

forestchu

非常 的给力.感谢哈

All

感谢分享

yang。

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

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

复制代码

修改为：
% N; v; a3 A# m4 ?+ g

1. var times = 0;
   3 S" E- Y% j8 Z
2. function aliveCheck() {
   
3. //请求频率从1s提高到5s一次，，5000是毫秒 = 5s
   6 e. A$ K1 w* ]% v9 d
4.     setInterval("checklive()","5000");
   
5. }

复制代码

追踪器压力明显降低。。。。

8 O7 r- [& f% a* Q2 B% h, a( U这个看各位的需要，如果是高富帅顶配服务器当我没说，，，但这个统计存留时长的，1s一次的确有点过分细化了，，，，各位可以按照自己的经验调整统计频率

tonychopper

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

2 r- t8 I3 K. {& B( ^/ A虽然看不懂但是感觉很厉害云追踪器可以用吗，前端技术为0，问下这个是js 放在lp上的吗？

yang。

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

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

pitch

yang。 发表于 2021-9-14 10:16
9 h/ M" C. ?) G7 b: Y8 _追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
2 p, r! m9 x( v; E8 m' i这个就是js ...

老哥能说明白点吗？在LP哪个位置调用、怎么调用

gresh

厉害了！

yang。

pitch 发表于 2022-1-8 20:22
7 w! L# K+ @* r老哥能说明白点吗？在LP哪个位置调用、怎么调用

4 q4 v" a8 |. [; c0 c4 N放在头部head标签中，用script标签包裹，或者放在最下边，body内，script包裹，调用注释里有

pitch

yang。 发表于 2022-1-11 15:56
; r8 N6 [- Q7 p放在头部head标签中，用script标签包裹，或者放在最下边，body内，script包裹，调用注释里有 ...

( b4 ^$ r9 r- K: `! j谢谢回复，已经用上了

wr406531195

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