简单前端JS校验脚本分享

yang。

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


这两日有小伙伴觉得我加的一些前端验证有点用，遂求分享代码，这里也整理了一下发出来。
* S  I: S* q7 E+ f# l( L* L5 S
4 ]2 u' B" e& ]% b: q* _+ K+ C7 p基本效果么 可以查看这篇帖子
1 u/ C) g( W6 L6 q) u3 o; Jhttps://www.advertcn.com/thread-99669-1-1.html


: U0 t: }# G* h, K; `但是要强调下：脚本永远只能作为参考和辅助，

  v$ m0 x1 {- C( W

1. //your track host
   6 s' Y5 |$ X* u5 q" K
2. var trackHost = "";
   8 S; b) Z/ E# b
3. 
   " \; M# f' k% j# }! v7 K2 @7 K7 w
4. /**
   # ]; ^$ k3 \1 |( q
5. * 1.校验浏览器是否支持js，可以作为垃圾爬虫得基础校验方式之一
   
6. * 使用方式  直接调用jsSuportCheck()
   
7. *      1.trackHost 指向你的追踪器，
   2 L2 I4 z4 N3 V5 e
8. *      2.修改 event1 为你自己的event
   $ v  a4 J/ t; g! e( k* C( g4 H
9. *      3.追踪器上  click-event1 = 不支持js浏览器数量(个人认为是刷子爬虫之类的)
   0 I2 w$ O: h5 R/ _2 T; f/ ^
10. *      4.追踪器上  event1 = 支持js浏览器数量
    * i" w+ I0 _% L7 d1 Q3 V/ @  `
11. */
    
12. function jsSuportCheck() {
    
13.     var o = document.createElement("img");
    
14.     o.style.display = "none";
    0 ]0 U+ U, {* r0 {, r. A3 G$ x! Z: Q
15.     o.src= trackHost + '?event1=1';
    - R+ ^) ]# p7 C4 D; t
16.     document.body.appendChild(o)
    
17. }
    
18. 
    6 A1 A# B/ n1 l& q  g
19. 
    
20. /**
    # t! |/ ?3 }- b( C# l
21. * 2.页面存活时间
    5 o1 n$ ]1 s# {+ A, T; m3 o
22. * 使用方式 直接调用 aliveCheck()
    ( h; v! x$ v; Z; q0 p" Q2 s8 F. \( p: w
23. *      每隔1s向你的追踪器发送一条数据：更新你的event
    
24. *      1.trackHost 指向你的追踪器，
    
25. *      2.修改 event3 为你自己的event
      k5 U; e8 S6 Z+ ?1 m# ~% U
26. *      4.追踪器上 event3 = 页面存活时间
    
27. *
    * r% S8 V6 o+ I" L( E& q
28. * 数据说明：
    
29. *  1.时间为0
    
30. *         1.jsSuportCheck = 支持的 说明用户在1s呢关闭了页面，疑似高级爬虫(支持js的爬虫 如PhantomJS、NightmareJS 等无头)
    ' ]# m8 y! H4 V0 P+ l# W
31. *         2.jsSuportCheck = 不支持的 参考jsSuportCheck
    8 W: }$ u! p# ~) E+ Q8 |
32. *  2.时间不为0
    
33. *         1.时间很长的：页面打开了，没人管，，这个不好说，我觉得不正常
    
34. *         2.时间长短不一的，人类操作概率较大，若普遍存活时间短的，可以考虑LP有问题
    
35. *         3.存活时间还行，LP ctr也还行，说明 LP还可以
    2 }9 T# J1 s3 T- ]: g: p" Q* T3 }4 Q' o
36. *
    
37. */
    $ q1 W5 ^) T& Z: o/ X6 a
38. 
    1 C% k! p. s7 F/ O/ |
39. var times = 0;
    , a( k) d9 ~% k- f
40. function aliveCheck() {
    
41.     setInterval("checklive()","1000");
    
42. }
    
43. function checklive() {
    7 N2 q- X7 B- |; u% Q
44.     times += 1;
    
45.     var o = document.createElement("img");
    
46.     o.style.display = "none";
    
47.     o.src = trackHost + "?event3=" + times;
    8 i+ D( U. @; y3 H- E, M5 D" w8 G
48. }
    5 B' L2 C& d5 S/ V+ y9 U
49. 
    ) w8 A1 t7 v1 x* L6 f9 D* X
50. 
    % }# \# H% D* _5 X( ]
51. /**
    + D. i' p$ l: a+ M: J$ s( L  J9 {
52. * 谷歌验证
    ' c1 A$ C7 h7 P1 y3 u
53. * 个人觉得有前边的已经差不多了，所以这个已经没在用了，有需要的自己取
      z% {% l% k. Y% _1 E0 m% k
54. *
    8 M5 R& m0 L  S
55. * 需要自己编码一个后端服务，用于同谷歌服务器通讯，返回score
    ' e$ L# Z) x' o% g) r( t3 i! h0 O/ B
56. */
    : W; L7 I0 Q6 r# f& |
57. //申请的grecaptcha前端token
    
58. var token = "";
    
59. //你的grecaptcha后端服务器地址
    
60. var grecaptchaPostServer = "";
    
61. function recaptcha() {
    
62.     grecaptcha.ready(function() {
    ( ^4 k7 h# B1 o' C! X
63.         grecaptcha.execute(token).then(function(token) {
    6 N5 c# u7 u; q1 }6 s0 O9 @7 z8 i7 _
64.             var ip = decodeURI((RegExp('ip' + "=(.+?)(&|$)").exec(location.search) || [, null])[1] || "");
    , p- U. f- i% [# x
65.             var o = document.createElement("img");
    
66.             o.style.display = "none";
    4 Q( l' v& a# u
67.             $.ajax({
    
68.                 url: grecaptchaPostServer,
    
69.                 type: 'POST',
    
70.                 data: {"token":token,"ip":ip},
    ) [7 d, p4 m# H0 a! j  w5 T/ F
71.                 success: function(data) {
    , m5 k* Q) ]1 }6 k, G- t7 d
72.                     if(data.score > 0.4){
    
73.                         score = 1;
    , E$ Y- H! `5 a7 q
74.                     }else{
    6 J5 k- N. Q1 L5 Z/ a, c' w- P" A. v7 m
75.                         score = 0;
    ) [; I# S! I  @4 C6 |$ [5 K7 D5 N
76.                     }
    $ A) `0 b+ N3 ?: P
77.                     o.src = trackHost + '?event2='+score;
    : u5 v; d& @6 s% J8 V7 N- j
78.                     document.body.append(o)
    
79.                 }
    
80.             });
    , o! e" s- s0 p, R. H
81. 
    
82.         });
    
83.     });
    
84. }

复制代码

0 S2 S$ H( F4 c' E
: ]7 M# _6 M; f1 b/ i* u7 \
2 {5 b  s1 }9 z  X. [% C, [校验都十分基础和简单，各位新上路的小伙伴们看需要自取即可


# a  S, x& e& [- w7 Q2 ~

forestchu

非常 的给力.感谢哈

All

感谢分享

yang。

补充下：
, A. c1 i7 V; J/ n今天同时跑几个campaign，发现追踪器负荷有点高，查看lp页面的时候发现页面时长统计的请求会502，应该是数据量大，加上这个请求太过频繁导致，遂将
+ X0 P$ U" L6 W

1. var times = 0;
   
2. function aliveCheck() {
   
3.     setInterval("checklive()","1000");
   ' t' Y! ^; b  V5 L$ R
4. }

复制代码

& Q5 H9 A0 ~% Q修改为：

1. var times = 0;
   
2. function aliveCheck() {
   0 g9 Y# y$ |( D
3. //请求频率从1s提高到5s一次，，5000是毫秒 = 5s
   
4.     setInterval("checklive()","5000");
   
5. }

复制代码

+ l7 x+ d" Z. B" E追踪器压力明显降低。。。。
+ _2 d) b2 X2 `+ h% N3 D
这个看各位的需要，如果是高富帅顶配服务器当我没说，，，但这个统计存留时长的，1s一次的确有点过分细化了，，，，各位可以按照自己的经验调整统计频率

tonychopper

yang。 发表于 2021-9-11 22:20
0 R! S8 h  k& }& t2 o补充下：
- z3 L' c/ Z$ P) I8 T: j今天同时跑几个campaign，发现追踪器负荷有点高，查看lp页面的时候发现页面时长统计的请求会502， ...

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

yang。

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

! T2 X4 n  x0 e1 G追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
/ x8 q: `" `/ j. U这个就是js代码，直接放在LP里 但是记得要调用！！！！！

pitch

yang。 发表于 2021-9-14 10:16
. w& t1 U( t; b9 E  ^6 p3 o追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
! w' m( v1 ]$ E7 e" }( C1 r这个就是js ...

6 X% \2 a8 C, E! |! m% g8 |老哥能说明白点吗？在LP哪个位置调用、怎么调用

gresh

厉害了！

yang。

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

  x9 s$ a8 r- F3 R# P放在头部head标签中，用script标签包裹，或者放在最下边，body内，script包裹，调用注释里有

pitch

yang。 发表于 2022-1-11 15:56
* \4 j7 W  f" S: t9 |放在头部head标签中，用script标签包裹，或者放在最下边，body内，script包裹，调用注释里有 ...

% [# r, u" ?( b$ ?谢谢回复，已经用上了

wr406531195

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