简单前端JS校验脚本分享

yang。

% V# ]% q  X' E* ]. j1 L
2 l2 O, {+ [& x+ u7 E# G开个头-------------持续亏钱ing。。。。
. m; k5 d7 J5 P7 H
+ J- ~" ?& G" ]8 \: d$ G: J  F  e. `
这两日有小伙伴觉得我加的一些前端验证有点用，遂求分享代码，这里也整理了一下发出来。

基本效果么 可以查看这篇帖子
8 k0 _+ ~2 b. u3 E! E& d$ Jhttps://www.advertcn.com/thread-99669-1-1.html


但是要强调下：脚本永远只能作为参考和辅助，
% F/ S# J2 g; n4 B5 w; Z4 _8 W
3 T3 X# N; Z' M! y$ B  r5 Q

1. //your track host
   7 X/ E% |% [7 Y8 p# o
2. var trackHost = "";
   
3. 
   5 a2 x# M6 O2 q$ Q
4. /**
   
5. * 1.校验浏览器是否支持js，可以作为垃圾爬虫得基础校验方式之一
   % B" _) X, Y+ h8 H  l# f
6. * 使用方式  直接调用jsSuportCheck()
   
7. *      1.trackHost 指向你的追踪器，
   7 T; G; _" J5 h- r/ e1 X
8. *      2.修改 event1 为你自己的event
   
9. *      3.追踪器上  click-event1 = 不支持js浏览器数量(个人认为是刷子爬虫之类的)
   
10. *      4.追踪器上  event1 = 支持js浏览器数量
    5 F+ b% ?: p) p( l9 c
11. */
      z/ P; H. B! G* \4 T8 h
12. function jsSuportCheck() {
    
13.     var o = document.createElement("img");
    : T1 q  W! `# ^6 d! q: L4 k9 t
14.     o.style.display = "none";
    
15.     o.src= trackHost + '?event1=1';
    
16.     document.body.appendChild(o)
    
17. }
    7 [5 e* h' g2 B7 l; v* n, Q
18. 
    
19. 
    
20. /**
    # J4 y4 Z6 O7 h" z: H- T' k$ ?; S
21. * 2.页面存活时间
    
22. * 使用方式 直接调用 aliveCheck()
    - P' D$ i2 \* M
23. *      每隔1s向你的追踪器发送一条数据：更新你的event
    
24. *      1.trackHost 指向你的追踪器，
    
25. *      2.修改 event3 为你自己的event
      c& S* H7 q6 l$ o
26. *      4.追踪器上 event3 = 页面存活时间
    , m$ u; Z6 B: D
27. *
    
28. * 数据说明：
      W; D( ]3 F' T/ [( b5 [
29. *  1.时间为0
    - |# g6 ~. W1 k
30. *         1.jsSuportCheck = 支持的 说明用户在1s呢关闭了页面，疑似高级爬虫(支持js的爬虫 如PhantomJS、NightmareJS 等无头)
    $ j$ |( e0 q6 `# p$ k5 U. [4 o/ B
31. *         2.jsSuportCheck = 不支持的 参考jsSuportCheck
    ; V4 ?0 T. J5 g6 L
32. *  2.时间不为0
    % D" |5 q; q& y) K# ?0 O* J4 Z
33. *         1.时间很长的：页面打开了，没人管，，这个不好说，我觉得不正常
    ( m" I& C, @& J& \) H  x* u4 l- |
34. *         2.时间长短不一的，人类操作概率较大，若普遍存活时间短的，可以考虑LP有问题
    0 z* e: y9 D" a
35. *         3.存活时间还行，LP ctr也还行，说明 LP还可以
    + k, V/ ?- i, o' c* q
36. *
    
37. */
    " ^  `, P3 l' L' D! t
38. 
    7 e% H0 M/ Z0 q, K$ u; X
39. var times = 0;
    6 \) E* b6 u7 n+ x2 G( m/ ]' L
40. function aliveCheck() {
    
41.     setInterval("checklive()","1000");
    2 }3 r- Z& X: ?$ M1 Z( m1 z
42. }
    
43. function checklive() {
    0 y" V# H3 I6 ]7 l! c
44.     times += 1;
    
45.     var o = document.createElement("img");
    
46.     o.style.display = "none";
    
47.     o.src = trackHost + "?event3=" + times;
    
48. }
    
49. 
    
50. 
    
51. /**
    
52. * 谷歌验证
    
53. * 个人觉得有前边的已经差不多了，所以这个已经没在用了，有需要的自己取
    
54. *
    % w- P, i/ K! ^# E" P% f5 p6 q9 h
55. * 需要自己编码一个后端服务，用于同谷歌服务器通讯，返回score
    5 q/ f* Z$ b: W0 m- E% P
56. */
    
57. //申请的grecaptcha前端token
    + ^- y$ j; {7 w+ B" a2 ]0 w7 s2 [
58. var token = "";
    
59. //你的grecaptcha后端服务器地址
    8 w, ^% m7 M- c8 V# x. A
60. var grecaptchaPostServer = "";
    
61. function recaptcha() {
    - c* y; h" V% [9 I2 n% C8 T& R9 s
62.     grecaptcha.ready(function() {
    
63.         grecaptcha.execute(token).then(function(token) {
    / ^# @1 i- l) t! c) o
64.             var ip = decodeURI((RegExp('ip' + "=(.+?)(&|$)").exec(location.search) || [, null])[1] || "");
    
65.             var o = document.createElement("img");
    # U& Q9 m  t& I& d* d4 v
66.             o.style.display = "none";
    
67.             $.ajax({
    8 Q$ y& J7 k1 m7 {5 d
68.                 url: grecaptchaPostServer,
    2 S& q$ O) s* r, v7 l: i' [
69.                 type: 'POST',
    
70.                 data: {"token":token,"ip":ip},
    ) [& z/ ]1 N8 r- b
71.                 success: function(data) {
    5 k" c* t4 n  }3 |# {
72.                     if(data.score > 0.4){
    2 C( Q2 y" k" ]1 ]) w. v
73.                         score = 1;
    
74.                     }else{
    ) Q# [2 ^- ]8 k* \4 |6 R. t$ S2 c
75.                         score = 0;
    
76.                     }
    9 V" N6 z+ j! C6 _
77.                     o.src = trackHost + '?event2='+score;
    
78.                     document.body.append(o)
    . `/ J, G; p4 S# C" C
79.                 }
    
80.             });
    
81. 
    
82.         });
    
83.     });
    3 j! N- R1 z7 M% A2 `
84. }

复制代码

% y" a% ?, D6 Q$ A8 F: N
5 ~5 T  m, P6 w( l: |9 V
0 H/ z: }5 x' T# v" y0 K- L校验都十分基础和简单，各位新上路的小伙伴们看需要自取即可
7 X4 `+ r9 s7 T! V5 e5 Z* z* J
- Y8 j9 [4 |0 V/ V
4 }: s9 X$ x% n7 N

4 u. p! L& ?. P

forestchu

非常 的给力.感谢哈

All

感谢分享

yang。

补充下：
今天同时跑几个campaign，发现追踪器负荷有点高，查看lp页面的时候发现页面时长统计的请求会502，应该是数据量大，加上这个请求太过频繁导致，遂将
. R6 L4 j4 s8 r

1. var times = 0;
   8 R" i0 e. h0 E1 Q6 Y. y
2. function aliveCheck() {
   
3.     setInterval("checklive()","1000");
   
4. }

复制代码

修改为：

1. var times = 0;
   ( o  U$ z4 j" N0 s; R! W7 F
2. function aliveCheck() {
   
3. //请求频率从1s提高到5s一次，，5000是毫秒 = 5s
   " S/ H5 k5 [0 b  t# |2 J
4.     setInterval("checklive()","5000");
   
5. }

复制代码

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

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

tonychopper

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

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

yang。

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

追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
9 D  a( s, U0 c; J4 D8 b) W5 ?% W这个就是js代码，直接放在LP里 但是记得要调用！！！！！

pitch

yang。 发表于 2021-9-14 10:16
1 {8 z0 k5 f3 v2 I% b" @追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
7 H3 s0 G3 l7 n8 R- N. [' W这个就是js ...

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

gresh

厉害了！

yang。

pitch 发表于 2022-1-8 20:22
2 H; Y) u( {4 l' _1 g/ e老哥能说明白点吗？在LP哪个位置调用、怎么调用

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

pitch

yang。 发表于 2022-1-11 15:56
" I1 w$ [4 a3 o. F, s9 [0 z放在头部head标签中，用script标签包裹，或者放在最下边，body内，script包裹，调用注释里有 ...

0 v. R3 x" {0 T1 b谢谢回复，已经用上了

wr406531195

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