简单前端JS校验脚本分享

yang。

7 S* @7 `! U6 J9 f! _9 a开个头-------------持续亏钱ing。。。。


: Y6 O: W6 H0 Z2 {8 E. m/ {这两日有小伙伴觉得我加的一些前端验证有点用，遂求分享代码，这里也整理了一下发出来。
% i& U& D/ w8 m0 z
. a2 B( \" z( v# H基本效果么 可以查看这篇帖子
https://www.advertcn.com/thread-99669-1-1.html


但是要强调下：脚本永远只能作为参考和辅助，

* |& |6 L, l8 ^9 d# b5 t8 G: _$ M

1. //your track host
     x( s5 v% R8 R0 P; F- d# b4 u6 r
2. var trackHost = "";
   
3. 
   
4. /**
   9 F. w/ K9 q% P) D% j$ V
5. * 1.校验浏览器是否支持js，可以作为垃圾爬虫得基础校验方式之一
   1 g! t% L% b+ p8 j' }6 {0 L
6. * 使用方式  直接调用jsSuportCheck()
   
7. *      1.trackHost 指向你的追踪器，
   ' |2 p! K1 q- `- }( {
8. *      2.修改 event1 为你自己的event
   
9. *      3.追踪器上  click-event1 = 不支持js浏览器数量(个人认为是刷子爬虫之类的)
   
10. *      4.追踪器上  event1 = 支持js浏览器数量
    
11. */
    + m  E( G5 |( f2 w: r" ]  v
12. function jsSuportCheck() {
    9 N1 a" }% I& E9 t7 _; i. P
13.     var o = document.createElement("img");
    
14.     o.style.display = "none";
    $ p2 O) t% }3 O; k% |& [: @
15.     o.src= trackHost + '?event1=1';
    
16.     document.body.appendChild(o)
    0 c0 n$ [" S* }8 ]! ^
17. }
    ; A* ^) B& t% B; u! [+ S
18. 
    5 ^3 o" z. n0 N3 ~- [) S6 O- I1 Y
19. 
    ' T7 f( M. k8 i6 \' f) }  C& a' e
20. /**
    
21. * 2.页面存活时间
    8 J, n  J$ M) j6 R
22. * 使用方式 直接调用 aliveCheck()
    
23. *      每隔1s向你的追踪器发送一条数据：更新你的event
    
24. *      1.trackHost 指向你的追踪器，
    
25. *      2.修改 event3 为你自己的event
    : N9 ?7 j: {9 @7 r! c0 @9 M
26. *      4.追踪器上 event3 = 页面存活时间
    " `4 ?( q; E) s; X
27. *
    
28. * 数据说明：
    
29. *  1.时间为0
    
30. *         1.jsSuportCheck = 支持的 说明用户在1s呢关闭了页面，疑似高级爬虫(支持js的爬虫 如PhantomJS、NightmareJS 等无头)
    
31. *         2.jsSuportCheck = 不支持的 参考jsSuportCheck
    # K4 e! h$ I4 P, F
32. *  2.时间不为0
    8 v& l' @7 o9 |' Q' K# C* _" B6 M
33. *         1.时间很长的：页面打开了，没人管，，这个不好说，我觉得不正常
    
34. *         2.时间长短不一的，人类操作概率较大，若普遍存活时间短的，可以考虑LP有问题
    
35. *         3.存活时间还行，LP ctr也还行，说明 LP还可以
    
36. *
    9 Z9 P( s" X# m) ~
37. */
    6 Y8 r2 I. n+ y+ c* l
38. 
    
39. var times = 0;
    8 u2 O1 Z5 R# {
40. function aliveCheck() {
    * i" l* Q% ?3 A# \/ V
41.     setInterval("checklive()","1000");
    * p0 Y# h# |8 |
42. }
    1 o( [$ D6 b8 p  V0 a; n
43. function checklive() {
    
44.     times += 1;
    
45.     var o = document.createElement("img");
    : x! E) x0 Y5 i! z# M- t# B0 B9 @
46.     o.style.display = "none";
    
47.     o.src = trackHost + "?event3=" + times;
    2 Y/ E! H; z8 J9 ?
48. }
    
49. 
    2 k' p6 w/ U% N
50. 
    & F, `( v+ m# C4 @; e6 q1 U: q
51. /**
    . I7 e6 g: h; d3 k' i
52. * 谷歌验证
    
53. * 个人觉得有前边的已经差不多了，所以这个已经没在用了，有需要的自己取
    4 i' s) w6 u5 a1 N* J& u+ a- E
54. *
    
55. * 需要自己编码一个后端服务，用于同谷歌服务器通讯，返回score
    
56. */
    
57. //申请的grecaptcha前端token
    
58. var token = "";
    1 X; I2 d7 k; x* ]
59. //你的grecaptcha后端服务器地址
    
60. var grecaptchaPostServer = "";
    
61. function recaptcha() {
    " @! E9 R5 A! P
62.     grecaptcha.ready(function() {
    
63.         grecaptcha.execute(token).then(function(token) {
    
64.             var ip = decodeURI((RegExp('ip' + "=(.+?)(&|$)").exec(location.search) || [, null])[1] || "");
    ; }. }3 j- L: ]& S  }
65.             var o = document.createElement("img");
    ! q  M. _- o, q8 T1 _. W% u
66.             o.style.display = "none";
    1 c! a( a# n# s' b, H7 L
67.             $.ajax({
    
68.                 url: grecaptchaPostServer,
    8 x  H- @7 J: D2 E+ x  k
69.                 type: 'POST',
    
70.                 data: {"token":token,"ip":ip},
    ! [* ^, o$ S" V( T# E& `& j9 l
71.                 success: function(data) {
    
72.                     if(data.score > 0.4){
    % l+ [/ [" t7 M" _
73.                         score = 1;
    % i! `" C- m+ q3 q2 ^
74.                     }else{
    7 B% ?& T; Z* h- T
75.                         score = 0;
    % H; z  f- W2 B- q
76.                     }
    
77.                     o.src = trackHost + '?event2='+score;
    ' c3 b) H# r$ M# M" g" L2 W9 w* R
78.                     document.body.append(o)
    . P7 ?, G6 i+ E( p! h8 q
79.                 }
    
80.             });
    
81. 
    
82.         });
    # e3 w6 `# E6 n9 T$ d, i
83.     });
    ; i+ a% g0 M9 S5 l" s: ]  F0 j
84. }

复制代码

1 V$ }; U0 F4 ]0 K. f
6 l! L8 W) n9 r  R, v; V校验都十分基础和简单，各位新上路的小伙伴们看需要自取即可
( m2 [% o  K# H( T

forestchu

非常 的给力.感谢哈

All

感谢分享

yang。

补充下：
今天同时跑几个campaign，发现追踪器负荷有点高，查看lp页面的时候发现页面时长统计的请求会502，应该是数据量大，加上这个请求太过频繁导致，遂将
/ E9 y$ b9 f3 [! s1 t) V

1. var times = 0;
   - K7 t% L! h. ^" e2 D1 I! T
2. function aliveCheck() {
   
3.     setInterval("checklive()","1000");
   
4. }

复制代码

0 D5 Q% N, g: v7 Z6 E1 U' S修改为：

1. var times = 0;
   6 S+ p# m( _, v1 X
2. function aliveCheck() {
   $ t9 N0 q  N1 ~+ @5 r% v
3. //请求频率从1s提高到5s一次，，5000是毫秒 = 5s
   7 h7 s3 w- N  R- V& Q
4.     setInterval("checklive()","5000");
   / z2 a4 B1 n0 i, W. x& Z, H" C
5. }

复制代码

6 I  ]% F0 }, @追踪器压力明显降低。。。。

! S+ L" \. z) M1 U& \: _; v这个看各位的需要，如果是高富帅顶配服务器当我没说，，，但这个统计存留时长的，1s一次的确有点过分细化了，，，，各位可以按照自己的经验调整统计频率

tonychopper

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

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

yang。

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

$ S  L  P5 r, v! ?2 I0 [追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
' s. E4 f3 \" e5 C0 g1 o这个就是js代码，直接放在LP里 但是记得要调用！！！！！

pitch

yang。 发表于 2021-9-14 10:16
追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
/ y) r+ E; ~+ Q4 l& ?1 V4 p0 o! D; ^$ [/ ]这个就是js ...

4 f9 N& M8 I3 N3 E9 ]+ s% A0 Z& B% T- ]老哥能说明白点吗？在LP哪个位置调用、怎么调用

gresh

厉害了！

yang。

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

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

pitch

yang。 发表于 2022-1-11 15:56
2 ^: n3 b2 N1 u& H: h% m5 {- T放在头部head标签中，用script标签包裹，或者放在最下边，body内，script包裹，调用注释里有 ...

$ k& ?) \$ I) M+ k+ m谢谢回复，已经用上了

wr406531195

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