简单前端JS校验脚本分享

yang。

/ x4 X( h& ^! E* e8 ~, J开个头-------------持续亏钱ing。。。。
- s$ {! P' g. _# M8 r
) T' P+ {$ j' q
这两日有小伙伴觉得我加的一些前端验证有点用，遂求分享代码，这里也整理了一下发出来。
* p9 u8 ^4 R0 R! P
* d# q5 {" H+ y3 K% M5 o9 v基本效果么 可以查看这篇帖子
% \  k* y$ `2 K; @* B9 Lhttps://www.advertcn.com/thread-99669-1-1.html

" p  r/ v$ G. ]$ N4 h, T5 w
6 K4 L  c# f" C0 K+ n9 D但是要强调下：脚本永远只能作为参考和辅助，
4 V% u) J3 j' i* R% I: o+ [

1. //your track host
   
2. var trackHost = "";
   , O0 r1 k. E" R, @) w% w
3. 
   6 w$ H4 Y1 {9 `, p
4. /**
   
5. * 1.校验浏览器是否支持js，可以作为垃圾爬虫得基础校验方式之一
   
6. * 使用方式  直接调用jsSuportCheck()
   - D6 [/ P2 K5 i, }1 `
7. *      1.trackHost 指向你的追踪器，
   
8. *      2.修改 event1 为你自己的event
   
9. *      3.追踪器上  click-event1 = 不支持js浏览器数量(个人认为是刷子爬虫之类的)
   3 R/ H7 B2 [8 y1 Z( m
10. *      4.追踪器上  event1 = 支持js浏览器数量
    ; O# P; q) Q9 a  U; |0 p8 m
11. */
    
12. function jsSuportCheck() {
    
13.     var o = document.createElement("img");
    
14.     o.style.display = "none";
    7 k& _3 Q  X; T
15.     o.src= trackHost + '?event1=1';
    
16.     document.body.appendChild(o)
    " j, h1 g: g5 |2 l% o
17. }
    
18. 
    
19. 
    
20. /**
    4 J% A5 I+ m- _+ K6 P. s2 l7 E
21. * 2.页面存活时间
    3 b0 Y. k) s/ x0 B% }
22. * 使用方式 直接调用 aliveCheck()
    
23. *      每隔1s向你的追踪器发送一条数据：更新你的event
    8 b* M7 S. \/ L# a3 X* p& E. U1 t
24. *      1.trackHost 指向你的追踪器，
    
25. *      2.修改 event3 为你自己的event
    5 @, o- S; r* b0 X+ w
26. *      4.追踪器上 event3 = 页面存活时间
    . J& N' H/ y, Y6 r. }0 L( R
27. *
    & G  C4 U7 M$ c8 |9 B
28. * 数据说明：
    
29. *  1.时间为0
    
30. *         1.jsSuportCheck = 支持的 说明用户在1s呢关闭了页面，疑似高级爬虫(支持js的爬虫 如PhantomJS、NightmareJS 等无头)
    - @' R6 J9 |! |8 W- l
31. *         2.jsSuportCheck = 不支持的 参考jsSuportCheck
    ) \7 }! S/ |3 Q/ T
32. *  2.时间不为0
    , q- c8 W" \  ~+ f8 j2 o5 Z
33. *         1.时间很长的：页面打开了，没人管，，这个不好说，我觉得不正常
    
34. *         2.时间长短不一的，人类操作概率较大，若普遍存活时间短的，可以考虑LP有问题
    
35. *         3.存活时间还行，LP ctr也还行，说明 LP还可以
    2 I4 Y5 j5 d6 ^
36. *
      a' K) v6 N; ^6 c& |1 [
37. */
    
38. 
    8 E6 [' \2 A% x% W) j' T
39. var times = 0;
    
40. function aliveCheck() {
    
41.     setInterval("checklive()","1000");
    . Y8 W0 t% h6 y% o( l2 ?( b
42. }
    7 u# p% U+ ~$ x( O6 n. i8 M, S& w
43. function checklive() {
    / j% V. z7 \9 x! @9 {/ w9 y
44.     times += 1;
    ) P, `- v2 ?1 y5 t0 n  J9 j# p" z+ }
45.     var o = document.createElement("img");
    
46.     o.style.display = "none";
    
47.     o.src = trackHost + "?event3=" + times;
    
48. }
    0 r, A* r; F  E7 \
49. 
    
50. 
    3 i5 I4 F8 A6 i# ~
51. /**
    - C/ Y0 w3 X9 G7 C" h' R3 P* L
52. * 谷歌验证
    3 Y7 W9 n& }: e
53. * 个人觉得有前边的已经差不多了，所以这个已经没在用了，有需要的自己取
    & b4 c  {; C0 I5 M0 [
54. *
    
55. * 需要自己编码一个后端服务，用于同谷歌服务器通讯，返回score
    
56. */
    
57. //申请的grecaptcha前端token
    
58. var token = "";
    5 Z0 H5 }# b9 l% k: N! D0 o" o
59. //你的grecaptcha后端服务器地址
    - w; E* `# t7 w! Q
60. var grecaptchaPostServer = "";
    
61. function recaptcha() {
    - Y! C, Y) _* K# Y2 p7 _2 `6 C
62.     grecaptcha.ready(function() {
    
63.         grecaptcha.execute(token).then(function(token) {
    & F8 l8 z" u& |* J
64.             var ip = decodeURI((RegExp('ip' + "=(.+?)(&|$)").exec(location.search) || [, null])[1] || "");
    " V' z1 Y- ~5 ~  x9 a9 O
65.             var o = document.createElement("img");
    
66.             o.style.display = "none";
    9 K1 M. g3 F8 ^+ R
67.             $.ajax({
    
68.                 url: grecaptchaPostServer,
    
69.                 type: 'POST',
    % }9 d$ |0 M1 ~% P; Q# J5 |2 Z
70.                 data: {"token":token,"ip":ip},
    
71.                 success: function(data) {
    
72.                     if(data.score > 0.4){
    ' z# c1 K9 t/ {5 m' m) I" p
73.                         score = 1;
    
74.                     }else{
    
75.                         score = 0;
    
76.                     }
    4 v0 f" M7 B9 b% a
77.                     o.src = trackHost + '?event2='+score;
    4 t+ k. G- M) w  p6 i2 S8 w
78.                     document.body.append(o)
    ! W# f( h- r4 n, l3 Y$ Y
79.                 }
    
80.             });
    
81. 
    ; j1 {: Q% N# _6 j" |
82.         });
    
83.     });
    
84. }

复制代码

& o1 P! b% E, F# c5 F
校验都十分基础和简单，各位新上路的小伙伴们看需要自取即可
* E# R6 R! x" o0 Y
- e9 \$ w2 S7 n' T
- P  V6 u% d) _5 P  r; s0 w8 v

forestchu

非常 的给力.感谢哈

All

感谢分享

yang。

补充下：
/ g9 [" i6 g! {8 g! F" T今天同时跑几个campaign，发现追踪器负荷有点高，查看lp页面的时候发现页面时长统计的请求会502，应该是数据量大，加上这个请求太过频繁导致，遂将

1. var times = 0;
   5 t% z3 Q# P$ L0 e5 j7 L, ^; @. X
2. function aliveCheck() {
   
3.     setInterval("checklive()","1000");
   
4. }

复制代码

修改为：
# z1 c( U; q" k8 h1 G

1. var times = 0;
   
2. function aliveCheck() {
   ( e2 b& |5 K9 S
3. //请求频率从1s提高到5s一次，，5000是毫秒 = 5s
   : c5 }1 B* Q/ B8 v" t
4.     setInterval("checklive()","5000");
   
5. }

复制代码

- R* U9 o) }5 I" v追踪器压力明显降低。。。。

+ H+ N. m, \5 c* Y6 g# H  u这个看各位的需要，如果是高富帅顶配服务器当我没说，，，但这个统计存留时长的，1s一次的确有点过分细化了，，，，各位可以按照自己的经验调整统计频率

tonychopper

yang。 发表于 2021-9-11 22:20
- _- g+ {/ ^0 i  v8 X补充下：
; c" d6 R, q# u今天同时跑几个campaign，发现追踪器负荷有点高，查看lp页面的时候发现页面时长统计的请求会502， ...

! U% }/ m8 k; y! M虽然看不懂但是感觉很厉害云追踪器可以用吗，前端技术为0，问下这个是js 放在lp上的吗？

yang。

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

追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
$ Z: o3 @. m' {6 E  ]+ Z# b3 ]2 o+ U这个就是js代码，直接放在LP里 但是记得要调用！！！！！

pitch

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

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

gresh

厉害了！

yang。

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

" E3 P! t1 Z4 r1 u8 B放在头部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.