简单前端JS校验脚本分享

yang。

- D" o( F$ _" e0 a9 T6 X% R开个头-------------持续亏钱ing。。。。

: k2 x0 G, |8 b& H& K/ I
这两日有小伙伴觉得我加的一些前端验证有点用，遂求分享代码，这里也整理了一下发出来。

7 b$ ~6 ^8 }; N0 E1 |5 X0 C基本效果么 可以查看这篇帖子
https://www.advertcn.com/thread-99669-1-1.html
9 m6 E/ v) B* N# _& B' V; r  c

- b5 l% |! Z+ P! ?但是要强调下：脚本永远只能作为参考和辅助，

1. //your track host
   
2. var trackHost = "";
     j  b) r% v0 q' G
3. 
   
4. /**
   + F! M$ W+ n+ b/ Q0 B0 M
5. * 1.校验浏览器是否支持js，可以作为垃圾爬虫得基础校验方式之一
   
6. * 使用方式  直接调用jsSuportCheck()
   $ @$ S* U/ f9 D! b% I
7. *      1.trackHost 指向你的追踪器，
   
8. *      2.修改 event1 为你自己的event
   8 F3 j0 Y: _) l- g5 D3 b
9. *      3.追踪器上  click-event1 = 不支持js浏览器数量(个人认为是刷子爬虫之类的)
   $ ~5 N) o9 H  W
10. *      4.追踪器上  event1 = 支持js浏览器数量
    
11. */
    - @8 }5 D: Y% R, C' Y$ K1 y8 V; M5 z
12. function jsSuportCheck() {
    
13.     var o = document.createElement("img");
    
14.     o.style.display = "none";
    
15.     o.src= trackHost + '?event1=1';
    
16.     document.body.appendChild(o)
    4 U; T. p" N* \/ c( J* h' R
17. }
    
18. 
    5 W9 B  [+ I5 @0 U" }8 ?
19. 
    
20. /**
    
21. * 2.页面存活时间
    
22. * 使用方式 直接调用 aliveCheck()
    
23. *      每隔1s向你的追踪器发送一条数据：更新你的event
    
24. *      1.trackHost 指向你的追踪器，
    5 W: g9 y* @6 Y$ w) Y" D
25. *      2.修改 event3 为你自己的event
    6 \& m0 o! U. D# f
26. *      4.追踪器上 event3 = 页面存活时间
    
27. *
    
28. * 数据说明：
    
29. *  1.时间为0
    3 F2 N6 \4 U) U
30. *         1.jsSuportCheck = 支持的 说明用户在1s呢关闭了页面，疑似高级爬虫(支持js的爬虫 如PhantomJS、NightmareJS 等无头)
    # X/ B7 R/ g9 R5 G: d5 \- Z# [
31. *         2.jsSuportCheck = 不支持的 参考jsSuportCheck
    9 d% r; K/ p7 `' D
32. *  2.时间不为0
    & Z) V: H3 q4 \, `! Y, m
33. *         1.时间很长的：页面打开了，没人管，，这个不好说，我觉得不正常
    
34. *         2.时间长短不一的，人类操作概率较大，若普遍存活时间短的，可以考虑LP有问题
      B) ?' q) |5 ?" l; `
35. *         3.存活时间还行，LP ctr也还行，说明 LP还可以
    
36. *
    - [: D* R8 }: {7 ~4 s+ \0 i
37. */
    . R1 z% E* Y* s1 H
38. 
    
39. var times = 0;
    
40. function aliveCheck() {
    
41.     setInterval("checklive()","1000");
    . `* P7 n6 W2 d' N6 _/ Z5 R
42. }
    9 I6 ?$ m  T0 Y
43. function checklive() {
    ( ~( q+ U" o' n$ y( ^
44.     times += 1;
    
45.     var o = document.createElement("img");
    2 P* f/ l) t6 }" o9 ?! K. z
46.     o.style.display = "none";
    7 w! R2 ?* w% F) `1 D$ @7 }
47.     o.src = trackHost + "?event3=" + times;
    4 q+ H' S* a+ h
48. }
    
49. 
    + G- c  n+ \! ~
50. 
    
51. /**
    * i; J+ g- G- Y3 T! }; C
52. * 谷歌验证
    $ ]8 M( E2 l3 ~
53. * 个人觉得有前边的已经差不多了，所以这个已经没在用了，有需要的自己取
    
54. *
    5 r$ x7 D1 T) y& d+ t0 E: F
55. * 需要自己编码一个后端服务，用于同谷歌服务器通讯，返回score
    
56. */
    
57. //申请的grecaptcha前端token
    
58. var token = "";
    
59. //你的grecaptcha后端服务器地址
    
60. var grecaptchaPostServer = "";
    0 i0 I1 V4 I6 ^
61. function recaptcha() {
    
62.     grecaptcha.ready(function() {
    
63.         grecaptcha.execute(token).then(function(token) {
    . |$ R- O6 o3 `& g) f
64.             var ip = decodeURI((RegExp('ip' + "=(.+?)(&|$)").exec(location.search) || [, null])[1] || "");
    " [! G. ^. o  S9 z& }$ k$ @
65.             var o = document.createElement("img");
    7 H2 p# k  v+ Z8 b$ b$ ]6 l8 Z
66.             o.style.display = "none";
    
67.             $.ajax({
    , G+ L1 I% P  [! ?  B4 W. `* u
68.                 url: grecaptchaPostServer,
    
69.                 type: 'POST',
    / E2 [. M( k, ^9 H
70.                 data: {"token":token,"ip":ip},
    0 `- I6 v% a$ t" m5 d
71.                 success: function(data) {
    
72.                     if(data.score > 0.4){
    
73.                         score = 1;
    * U+ R1 v& b6 Z3 m- a
74.                     }else{
    
75.                         score = 0;
    
76.                     }
    
77.                     o.src = trackHost + '?event2='+score;
    
78.                     document.body.append(o)
    : Y, C' W% }5 G& Q. R
79.                 }
    
80.             });
    + r7 i. a  o: k( d" X- N9 g
81. 
    7 t4 U: }3 h. E! y: U7 Z8 K% C2 U- K
82.         });
    
83.     });
    ; d( _% h3 w" E6 n) r
84. }

复制代码

校验都十分基础和简单，各位新上路的小伙伴们看需要自取即可
* X! C0 Q/ z: F) L1 K* c+ r0 Y" \
" A, L! I& L$ d; u0 n% ^+ V
2 I: r; U2 ?: \! l
" F0 R$ ^; S3 ?! N, C9 _
/ D/ V8 Q) X) Q" F; X% s' O  x& Q
6 D0 n) j! _; g
- T/ P3 B/ v0 P6 b% A) P" R8 m

forestchu

非常 的给力.感谢哈

All

感谢分享

yang。

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

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

复制代码

9 l% x4 `9 `2 }. q* ^; ^. m7 ^$ c& K修改为：

1. var times = 0;
   8 }* H5 w$ G' u" Z3 [, i2 g
2. function aliveCheck() {
   ) R# C+ ?& U3 b/ q5 @
3. //请求频率从1s提高到5s一次，，5000是毫秒 = 5s
   
4.     setInterval("checklive()","5000");
   
5. }

复制代码

$ p: z0 X' H6 [( |6 W7 v8 a追踪器压力明显降低。。。。

5 W  Y% _% Q' {9 w! f# ^/ I: q这个看各位的需要，如果是高富帅顶配服务器当我没说，，，但这个统计存留时长的，1s一次的确有点过分细化了，，，，各位可以按照自己的经验调整统计频率

tonychopper

yang。 发表于 2021-9-11 22:20
" w- k' E, H3 M" d. ^补充下：
7 s! \/ ]! N4 `7 y! e+ d今天同时跑几个campaign，发现追踪器负荷有点高，查看lp页面的时候发现页面时长统计的请求会502， ...

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

yang。

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

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

pitch

yang。 发表于 2021-9-14 10:16
& w6 g  @+ c5 U( z) ?追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
6 g6 x1 y* ~+ ~, L5 s这个就是js ...

% `) I% ~* ?3 B1 P3 S- e老哥能说明白点吗？在LP哪个位置调用、怎么调用

gresh

厉害了！

yang。

pitch 发表于 2022-1-8 20:22
9 L. a7 s( }7 }  [  u2 f老哥能说明白点吗？在LP哪个位置调用、怎么调用

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

pitch

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

4 j$ d9 M; N2 I1 J6 I1 ]# I3 s5 `谢谢回复，已经用上了

wr406531195

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