简单前端JS校验脚本分享

yang。

$ |6 c; r0 B8 `2 r
开个头-------------持续亏钱ing。。。。


6 a/ X% r6 j8 y; o2 ~, ^这两日有小伙伴觉得我加的一些前端验证有点用，遂求分享代码，这里也整理了一下发出来。

8 S: ^( w  X; g, N: f" E4 s基本效果么 可以查看这篇帖子
4 l. J* b1 k. yhttps://www.advertcn.com/thread-99669-1-1.html
; l# X4 \  f# w1 ?

但是要强调下：脚本永远只能作为参考和辅助，

1. //your track host
   
2. var trackHost = "";
   
3. 
   
4. /**
   
5. * 1.校验浏览器是否支持js，可以作为垃圾爬虫得基础校验方式之一
   - k1 \$ f; x0 F' W
6. * 使用方式  直接调用jsSuportCheck()
   5 z# `7 a* m( u
7. *      1.trackHost 指向你的追踪器，
   % R* i9 x. l8 f" _9 q( d
8. *      2.修改 event1 为你自己的event
   : N7 B! P: ^3 l" c" N; I
9. *      3.追踪器上  click-event1 = 不支持js浏览器数量(个人认为是刷子爬虫之类的)
   
10. *      4.追踪器上  event1 = 支持js浏览器数量
    
11. */
    # f+ U7 Z, E8 a& m- I, f) i+ D
12. function jsSuportCheck() {
    . z7 L' D, J  R+ g( @' U
13.     var o = document.createElement("img");
    ) E( J- C  P  Q+ @. @
14.     o.style.display = "none";
    
15.     o.src= trackHost + '?event1=1';
    9 g9 t+ B; q- e8 s% Y
16.     document.body.appendChild(o)
    
17. }
    
18. 
    2 t9 k$ W" I8 Y% N& j3 `% T2 p# f
19. 
    
20. /**
    
21. * 2.页面存活时间
    
22. * 使用方式 直接调用 aliveCheck()
    
23. *      每隔1s向你的追踪器发送一条数据：更新你的event
    2 d8 b8 g) r& y. N: X
24. *      1.trackHost 指向你的追踪器，
    # G- _' {( x6 j9 Y
25. *      2.修改 event3 为你自己的event
    
26. *      4.追踪器上 event3 = 页面存活时间
    
27. *
    
28. * 数据说明：
    # X$ d# Y; h; v* [6 N
29. *  1.时间为0
    
30. *         1.jsSuportCheck = 支持的 说明用户在1s呢关闭了页面，疑似高级爬虫(支持js的爬虫 如PhantomJS、NightmareJS 等无头)
    
31. *         2.jsSuportCheck = 不支持的 参考jsSuportCheck
    
32. *  2.时间不为0
    * E/ f1 r! Q+ c
33. *         1.时间很长的：页面打开了，没人管，，这个不好说，我觉得不正常
    
34. *         2.时间长短不一的，人类操作概率较大，若普遍存活时间短的，可以考虑LP有问题
    
35. *         3.存活时间还行，LP ctr也还行，说明 LP还可以
    
36. *
    
37. */
    
38. 
    
39. var times = 0;
    
40. function aliveCheck() {
    ! a: H, U) @" k2 R! ]
41.     setInterval("checklive()","1000");
    7 O( J2 H4 C/ j$ A% C. n" w
42. }
    
43. function checklive() {
    $ f% T: D9 f; I2 |
44.     times += 1;
    0 k+ U  P) S  ?: T4 N8 C  }
45.     var o = document.createElement("img");
    
46.     o.style.display = "none";
    2 G' m0 h- f/ V: S! D
47.     o.src = trackHost + "?event3=" + times;
    % k$ ?5 S& `. G/ k
48. }
    
49. 
    
50. 
    % Z& \# U% h6 p/ F
51. /**
    
52. * 谷歌验证
      [; M9 \" u+ _6 M2 g  j
53. * 个人觉得有前边的已经差不多了，所以这个已经没在用了，有需要的自己取
    5 a9 P' [7 F! V+ i- Z
54. *
    % _  N) N+ G( V' _4 K" S6 A0 s
55. * 需要自己编码一个后端服务，用于同谷歌服务器通讯，返回score
    
56. */
    
57. //申请的grecaptcha前端token
    
58. var token = "";
    
59. //你的grecaptcha后端服务器地址
    ' K$ e% J+ y+ f: O- a, j, v6 \
60. var grecaptchaPostServer = "";
    : K* Y+ h& N$ z# F; |9 b
61. function recaptcha() {
    
62.     grecaptcha.ready(function() {
    5 w2 }( M$ r1 c& O3 _$ q
63.         grecaptcha.execute(token).then(function(token) {
    
64.             var ip = decodeURI((RegExp('ip' + "=(.+?)(&|$)").exec(location.search) || [, null])[1] || "");
    
65.             var o = document.createElement("img");
    
66.             o.style.display = "none";
    
67.             $.ajax({
    
68.                 url: grecaptchaPostServer,
    ; ^6 G' n1 ?  x) L
69.                 type: 'POST',
    / J% ~7 a4 G* z! D
70.                 data: {"token":token,"ip":ip},
    ! p! C7 n- V1 h( X; U, Q/ ]
71.                 success: function(data) {
    
72.                     if(data.score > 0.4){
    
73.                         score = 1;
    
74.                     }else{
    7 i+ c1 a; j! g: b
75.                         score = 0;
    % x+ Q0 f3 g" l" n
76.                     }
    / G: g: c/ ^+ `
77.                     o.src = trackHost + '?event2='+score;
    
78.                     document.body.append(o)
    
79.                 }
    - Q6 c, x7 F2 s9 R( [' a
80.             });
    ) [, v7 k" G  Y* M1 G
81. 
    : N) a" `' W: N$ P0 k4 z, k- j/ v  R
82.         });
    * \+ c& G2 _4 x& n! a! B
83.     });
    $ m8 R4 c+ j6 k( Y& J9 F5 p, N
84. }

复制代码

* ^+ Q" d( s* f2 ^
校验都十分基础和简单，各位新上路的小伙伴们看需要自取即可
/ ~7 T) B; X) n: Y


8 }* |( o7 o8 R; g" y3 e2 h

0 m0 s/ e( o* Q' z! q, E8 Z, {

forestchu

非常 的给力.感谢哈

All

感谢分享

yang。

补充下：
% _/ m2 L: F, D$ E0 o3 v+ Q今天同时跑几个campaign，发现追踪器负荷有点高，查看lp页面的时候发现页面时长统计的请求会502，应该是数据量大，加上这个请求太过频繁导致，遂将

1. var times = 0;
   
2. function aliveCheck() {
   
3.     setInterval("checklive()","1000");
   2 ^% ^( K- i- Q0 i. ?
4. }

复制代码

0 }7 D' K0 Z+ h# a. |( g: `# {4 t0 n3 y修改为：

1. var times = 0;
   
2. function aliveCheck() {
   3 f( P: |/ _3 p6 k
3. //请求频率从1s提高到5s一次，，5000是毫秒 = 5s
   
4.     setInterval("checklive()","5000");
   
5. }

复制代码

  ~& k% I' ]; Y追踪器压力明显降低。。。。

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

tonychopper

yang。 发表于 2021-9-11 22:20
, n2 [8 W! y' a2 _4 V- r1 O补充下：
: F7 e% Z; A: Z$ r" [% i! F今天同时跑几个campaign，发现追踪器负荷有点高，查看lp页面的时候发现页面时长统计的请求会502， ...

! i  y7 c- t8 Q: x/ k# s* \" f虽然看不懂但是感觉很厉害云追踪器可以用吗，前端技术为0，问下这个是js 放在lp上的吗？

yang。

tonychopper 发表于 2021-9-13 19:41
. w7 }; I, R  u) s+ o# R1 f! d$ K0 z虽然看不懂但是感觉很厉害云追踪器可以用吗，前端技术为0，问下这个是js 放在lp上的吗？ ...

追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
! A! p" S* W; O  @$ z/ _这个就是js代码，直接放在LP里 但是记得要调用！！！！！

pitch

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

  k1 b8 g: t  ~0 I) \老哥能说明白点吗？在LP哪个位置调用、怎么调用

gresh

厉害了！

yang。

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

$ F! b& u1 ?+ O1 o3 T) l放在头部head标签中，用script标签包裹，或者放在最下边，body内，script包裹，调用注释里有

pitch

yang。 发表于 2022-1-11 15:56
) z) k1 Q2 A, L1 e! i放在头部head标签中，用script标签包裹，或者放在最下边，body内，script包裹，调用注释里有 ...

谢谢回复，已经用上了

wr406531195

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