简单前端JS校验脚本分享

yang。

9 h' t; d- k9 u( n3 c. \# C开个头-------------持续亏钱ing。。。。
, |/ G" R2 \3 y7 N( }

6 X4 i( w4 X6 w" s8 I8 C: R# L. c这两日有小伙伴觉得我加的一些前端验证有点用，遂求分享代码，这里也整理了一下发出来。
$ Y, \  W* E7 ]: x( x
基本效果么 可以查看这篇帖子
https://www.advertcn.com/thread-99669-1-1.html


但是要强调下：脚本永远只能作为参考和辅助，
! {5 b; [. x; `( m) _

1. //your track host
   * _7 v, U6 F  b4 y2 ^$ e9 Y
2. var trackHost = "";
   . B) \- }0 z, f- M
3. 
   9 B- r" W; h3 e8 K
4. /**
   8 t' ?7 Y6 Q" v% a+ r) A2 @
5. * 1.校验浏览器是否支持js，可以作为垃圾爬虫得基础校验方式之一
   
6. * 使用方式  直接调用jsSuportCheck()
   4 K/ r# v3 x& G+ x1 U
7. *      1.trackHost 指向你的追踪器，
   0 K% O/ \6 J" f5 h% a; Q
8. *      2.修改 event1 为你自己的event
   / F8 D# O6 h! ^; T9 Q2 H* h
9. *      3.追踪器上  click-event1 = 不支持js浏览器数量(个人认为是刷子爬虫之类的)
   " v& g# Y+ `! [' h2 w) J
10. *      4.追踪器上  event1 = 支持js浏览器数量
    
11. */
    5 V. O; S+ B# B% \1 P- |, l
12. function jsSuportCheck() {
    ( A' n& V0 ~9 I$ A  O
13.     var o = document.createElement("img");
    
14.     o.style.display = "none";
    ! q8 ^0 V8 ~3 M+ H7 X. d4 q% d
15.     o.src= trackHost + '?event1=1';
    * V2 Z+ |9 @9 e: X7 m$ B
16.     document.body.appendChild(o)
    ; {7 n5 V3 c2 X0 j, O+ K
17. }
    $ |- }9 v2 M9 {+ O! ], }( x& ?
18. 
    
19. 
    1 D! K* F2 A. V
20. /**
    / d; u$ S$ x" N1 U; C1 D
21. * 2.页面存活时间
    
22. * 使用方式 直接调用 aliveCheck()
    8 Q, p/ j; s) k5 F4 s
23. *      每隔1s向你的追踪器发送一条数据：更新你的event
    - r# |1 n; M2 m( `( S
24. *      1.trackHost 指向你的追踪器，
    / \: L; m5 @6 i- h  {. e
25. *      2.修改 event3 为你自己的event
    # f5 B0 X9 S3 ^" k7 Q: N2 v4 q. M- ~
26. *      4.追踪器上 event3 = 页面存活时间
    9 @0 ?  a+ _; e& z6 F0 L6 Z
27. *
    * W( A* k+ y) @- M
28. * 数据说明：
    
29. *  1.时间为0
    
30. *         1.jsSuportCheck = 支持的 说明用户在1s呢关闭了页面，疑似高级爬虫(支持js的爬虫 如PhantomJS、NightmareJS 等无头)
    ' N: H/ v2 h  i  C2 t& t; A
31. *         2.jsSuportCheck = 不支持的 参考jsSuportCheck
    
32. *  2.时间不为0
    4 d6 o! W9 ~" [, I) ]/ ?* L
33. *         1.时间很长的：页面打开了，没人管，，这个不好说，我觉得不正常
    ' I) D9 |# U& j" \' l) q# ~
34. *         2.时间长短不一的，人类操作概率较大，若普遍存活时间短的，可以考虑LP有问题
    
35. *         3.存活时间还行，LP ctr也还行，说明 LP还可以
    0 d; b4 W* D# E9 q
36. *
    
37. */
    
38. 
    
39. var times = 0;
    
40. function aliveCheck() {
    7 N8 m6 j) Z0 i! [/ @, _& g/ L5 C
41.     setInterval("checklive()","1000");
    
42. }
    4 J8 ]6 Q1 c- m# A9 |$ h. P
43. function checklive() {
    
44.     times += 1;
    
45.     var o = document.createElement("img");
    
46.     o.style.display = "none";
    
47.     o.src = trackHost + "?event3=" + times;
    3 t+ d) {2 J3 z, P# G
48. }
    
49. 
    
50. 
    
51. /**
    8 H" ^+ O; p5 j* ]  F3 W
52. * 谷歌验证
    9 V( b3 I  ?- ^0 I5 U& F+ O9 ^+ M
53. * 个人觉得有前边的已经差不多了，所以这个已经没在用了，有需要的自己取
    
54. *
    
55. * 需要自己编码一个后端服务，用于同谷歌服务器通讯，返回score
    : s9 ^' v# D7 {, k1 j
56. */
    4 ^- d& q6 _1 i1 T9 [3 O" v# q
57. //申请的grecaptcha前端token
    6 b: d6 y9 W! m% h
58. var token = "";
    
59. //你的grecaptcha后端服务器地址
    8 t) Y  g4 R, z0 Q$ `
60. var grecaptchaPostServer = "";
    5 n( y! S  u' O( x5 b/ v0 R4 C" l
61. function recaptcha() {
    
62.     grecaptcha.ready(function() {
    
63.         grecaptcha.execute(token).then(function(token) {
    
64.             var ip = decodeURI((RegExp('ip' + "=(.+?)(&|$)").exec(location.search) || [, null])[1] || "");
    * ~4 V0 G: i5 {
65.             var o = document.createElement("img");
    2 K- H' U8 C! A6 q
66.             o.style.display = "none";
    
67.             $.ajax({
    9 B% O$ d4 {3 S# C  a* }! E0 v
68.                 url: grecaptchaPostServer,
    8 |" @  O! c  X; ?( ]+ g
69.                 type: 'POST',
    1 C$ y' L; T4 C9 ^+ ~
70.                 data: {"token":token,"ip":ip},
    9 l, A0 a. p8 L8 q! `7 {) p
71.                 success: function(data) {
    
72.                     if(data.score > 0.4){
    
73.                         score = 1;
    
74.                     }else{
    # b* c5 ~; r4 @$ U2 n& X
75.                         score = 0;
    
76.                     }
    
77.                     o.src = trackHost + '?event2='+score;
    0 D" W  |4 H5 [' A: \
78.                     document.body.append(o)
    7 y6 G$ g) u, I3 N% s
79.                 }
    
80.             });
    8 I" _5 v4 R: F( P+ G
81. 
    4 x/ B5 `* ~9 x6 d% o
82.         });
    . n( v1 a; ?$ M
83.     });
    1 ^0 X: F" }3 ?3 Q& V
84. }

复制代码

- l! w4 B2 N4 n
& x" u( r- F$ S$ R6 `. g- |4 P校验都十分基础和简单，各位新上路的小伙伴们看需要自取即可
" b: W1 r! {! V

' L" f% k( L9 B2 W
7 b: g) R; V  p

& H+ W$ x9 f! k* P, M, M& c7 [

forestchu

非常 的给力.感谢哈

All

感谢分享

yang。

补充下：
今天同时跑几个campaign，发现追踪器负荷有点高，查看lp页面的时候发现页面时长统计的请求会502，应该是数据量大，加上这个请求太过频繁导致，遂将
$ p# t) K2 e. g3 l8 ?+ Y. I

1. var times = 0;
   + Q" s/ R6 A2 ]( r: D7 N% }
2. function aliveCheck() {
   
3.     setInterval("checklive()","1000");
   
4. }

复制代码

修改为：

1. var times = 0;
   2 Q+ X0 Y, M5 A, n0 p0 H# e
2. function aliveCheck() {
   
3. //请求频率从1s提高到5s一次，，5000是毫秒 = 5s
   
4.     setInterval("checklive()","5000");
   
5. }

复制代码

8 L/ Z+ a/ B4 s9 o4 P" ^" P追踪器压力明显降低。。。。

这个看各位的需要，如果是高富帅顶配服务器当我没说，，，但这个统计存留时长的，1s一次的确有点过分细化了，，，，各位可以按照自己的经验调整统计频率

tonychopper

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

, x1 D% C; p) `, t' N; m虽然看不懂但是感觉很厉害云追踪器可以用吗，前端技术为0，问下这个是js 放在lp上的吗？

yang。

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

$ m0 H7 S* }, N+ o  S追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
0 _" D+ R& `: P* J  |这个就是js代码，直接放在LP里 但是记得要调用！！！！！

pitch

yang。 发表于 2021-9-14 10:16
追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
$ {6 A* ]% I& i8 n6 B2 G- W这个就是js ...

  t1 g& k) j* }0 u' i$ a% Q老哥能说明白点吗？在LP哪个位置调用、怎么调用

gresh

厉害了！

yang。

pitch 发表于 2022-1-8 20:22
9 L, s8 l5 S6 ?7 @2 \" Z老哥能说明白点吗？在LP哪个位置调用、怎么调用

, ?) C. U. X& C0 s0 i+ j% w! s5 y放在头部head标签中，用script标签包裹，或者放在最下边，body内，script包裹，调用注释里有

pitch

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

谢谢回复，已经用上了

wr406531195

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