简单前端JS校验脚本分享

yang。

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


7 F  r3 h, v1 _. _2 m8 ?这两日有小伙伴觉得我加的一些前端验证有点用，遂求分享代码，这里也整理了一下发出来。
" ^. C% D, \  `7 @* a
3 d) d; ~5 b. A  k基本效果么 可以查看这篇帖子
% i3 o! `% j3 t( k- w$ Hhttps://www.advertcn.com/thread-99669-1-1.html

  q/ d' M  ]# j' ?3 x  q
但是要强调下：脚本永远只能作为参考和辅助，
5 i/ ~6 V, G" x  c8 F4 C7 ^: o" N

1. //your track host
   1 O9 a" W9 W* G
2. var trackHost = "";
   
3. 
   
4. /**
   
5. * 1.校验浏览器是否支持js，可以作为垃圾爬虫得基础校验方式之一
   
6. * 使用方式  直接调用jsSuportCheck()
   
7. *      1.trackHost 指向你的追踪器，
   
8. *      2.修改 event1 为你自己的event
   
9. *      3.追踪器上  click-event1 = 不支持js浏览器数量(个人认为是刷子爬虫之类的)
   
10. *      4.追踪器上  event1 = 支持js浏览器数量
    
11. */
    
12. function jsSuportCheck() {
    * ], |8 y9 S/ Y! U: y# I
13.     var o = document.createElement("img");
    % {1 v# |. Y2 x# w/ |: L
14.     o.style.display = "none";
    
15.     o.src= trackHost + '?event1=1';
    
16.     document.body.appendChild(o)
    
17. }
    
18. 
    % ]; W$ p5 @1 k. v% [& X
19. 
    & d6 I1 d% N8 W$ Q. X' a; Y
20. /**
    3 G3 s. o% }. M% @' W9 q
21. * 2.页面存活时间
    
22. * 使用方式 直接调用 aliveCheck()
    / f5 H& B# y- X. H8 Q# e* B. E! R6 u' V
23. *      每隔1s向你的追踪器发送一条数据：更新你的event
    & ^. H6 H8 Y/ E' _  O8 a# ^
24. *      1.trackHost 指向你的追踪器，
    
25. *      2.修改 event3 为你自己的event
    " W2 ?1 [: d2 j5 I% [6 J
26. *      4.追踪器上 event3 = 页面存活时间
    
27. *
    
28. * 数据说明：
    
29. *  1.时间为0
    " {: Q/ z' O3 q, D& c* K
30. *         1.jsSuportCheck = 支持的 说明用户在1s呢关闭了页面，疑似高级爬虫(支持js的爬虫 如PhantomJS、NightmareJS 等无头)
    
31. *         2.jsSuportCheck = 不支持的 参考jsSuportCheck
    7 ], g( H+ c5 G/ s3 L7 j7 ^
32. *  2.时间不为0
    1 k0 i, b6 u. X, t: ^
33. *         1.时间很长的：页面打开了，没人管，，这个不好说，我觉得不正常
    
34. *         2.时间长短不一的，人类操作概率较大，若普遍存活时间短的，可以考虑LP有问题
    + }* Y; \6 c* j6 Y
35. *         3.存活时间还行，LP ctr也还行，说明 LP还可以
    
36. *
    
37. */
    
38. 
    ; _* S( z2 @! Y
39. var times = 0;
    8 T5 t% @& b1 V# A% ^% K5 `" C
40. function aliveCheck() {
    
41.     setInterval("checklive()","1000");
    ! T; @( J% g1 q
42. }
    2 W/ O4 C  s3 E5 N/ v3 V
43. function checklive() {
    
44.     times += 1;
    ; Y) v2 h$ {: @1 ^( x& f- c
45.     var o = document.createElement("img");
    
46.     o.style.display = "none";
    3 I* g2 g# E% X, e
47.     o.src = trackHost + "?event3=" + times;
    ; A2 U2 g$ W) ^8 j
48. }
    
49. 
    9 K6 v9 v* X3 n1 T0 {& S
50. 
    
51. /**
    / B1 v3 p* _7 X8 k. d6 K/ ]/ O$ j
52. * 谷歌验证
    2 h( Y' U- U' t6 F: h2 c
53. * 个人觉得有前边的已经差不多了，所以这个已经没在用了，有需要的自己取
    
54. *
    
55. * 需要自己编码一个后端服务，用于同谷歌服务器通讯，返回score
    
56. */
    
57. //申请的grecaptcha前端token
    
58. var token = "";
    
59. //你的grecaptcha后端服务器地址
    8 q( p. J5 E/ l' e
60. var grecaptchaPostServer = "";
    ' x4 E9 q! ^1 j* c9 p& o- d
61. function recaptcha() {
    
62.     grecaptcha.ready(function() {
    9 Y9 z1 c" }& S2 f! o+ G: E" r) m
63.         grecaptcha.execute(token).then(function(token) {
    
64.             var ip = decodeURI((RegExp('ip' + "=(.+?)(&|$)").exec(location.search) || [, null])[1] || "");
    7 X7 @/ w& C! U" Z& W2 N0 L# Y6 D
65.             var o = document.createElement("img");
    4 K3 x- i" v8 Q. p/ `
66.             o.style.display = "none";
    8 g; r7 r2 }  b
67.             $.ajax({
    ) z) X: F* a# D3 u+ _  W
68.                 url: grecaptchaPostServer,
    
69.                 type: 'POST',
    ! C6 Q2 |4 L3 z* L- X- D7 e
70.                 data: {"token":token,"ip":ip},
      \" K  K9 R; `0 W( X. V
71.                 success: function(data) {
    
72.                     if(data.score > 0.4){
    1 |. i& O4 o) b- l" v( g
73.                         score = 1;
    0 J5 m9 g7 i; A" O& d2 L
74.                     }else{
    8 N# ~7 r* g2 L' ~9 x; a/ U( N
75.                         score = 0;
    
76.                     }
    
77.                     o.src = trackHost + '?event2='+score;
    
78.                     document.body.append(o)
    
79.                 }
    9 L9 H1 [- {" F& S
80.             });
    
81. 
    
82.         });
    - b# V1 G, R8 n- ~& z% a
83.     });
    
84. }

复制代码

校验都十分基础和简单，各位新上路的小伙伴们看需要自取即可
+ L2 N2 a# k/ M* h
$ \% e6 B0 T; R4 V: `/ k& ~
0 H9 v2 D4 M  F8 I$ m0 r% F: ~1 S

& q: ?$ ~' u' m
/ B8 C# N) G: A7 Z& l8 w

forestchu

非常 的给力.感谢哈

All

感谢分享

yang。

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

1. var times = 0;
   
2. function aliveCheck() {
   4 ?# {' _- i4 t( O! _- X  W
3.     setInterval("checklive()","1000");
   2 I1 h3 D+ U) g% z' e$ o
4. }

复制代码

4 u1 O( J: x: Z# N% N) v. ~% U修改为：

1. var times = 0;
   
2. function aliveCheck() {
   + A0 u, ]* k: u  e9 F6 H2 z
3. //请求频率从1s提高到5s一次，，5000是毫秒 = 5s
   
4.     setInterval("checklive()","5000");
   
5. }

复制代码

8 K1 @8 R( s: t* m追踪器压力明显降低。。。。
7 Y& y, Y8 [  g0 u+ [+ g6 M$ _
这个看各位的需要，如果是高富帅顶配服务器当我没说，，，但这个统计存留时长的，1s一次的确有点过分细化了，，，，各位可以按照自己的经验调整统计频率

tonychopper

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

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

yang。

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

追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
0 W" Y3 h' U2 ^6 c6 {" G; R# l这个就是js代码，直接放在LP里 但是记得要调用！！！！！

pitch

yang。 发表于 2021-9-14 10:16
追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
/ d" G+ @! s% L& \2 u这个就是js ...

6 [  @- d/ [; B& ^+ i老哥能说明白点吗？在LP哪个位置调用、怎么调用

gresh

厉害了！

yang。

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

放在头部head标签中，用script标签包裹，或者放在最下边，body内，script包裹，调用注释里有

pitch

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

谢谢回复，已经用上了

wr406531195

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