简单前端JS校验脚本分享

yang。

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


这两日有小伙伴觉得我加的一些前端验证有点用，遂求分享代码，这里也整理了一下发出来。
0 N% ^% X9 O' z1 j
) G9 Y' e3 U& ~/ k) o  W6 v4 b基本效果么 可以查看这篇帖子
https://www.advertcn.com/thread-99669-1-1.html
+ Z: A7 S" j+ a3 U
0 E6 M- p. Q" P& V' N1 ~
但是要强调下：脚本永远只能作为参考和辅助，

0 L5 |6 v  b$ a% J! `# V

1. //your track host
   0 j- G" A7 Q5 `' k  ?" V* g+ _# C
2. var trackHost = "";
   " b8 k/ c/ y4 O# I
3. 
   
4. /**
   
5. * 1.校验浏览器是否支持js，可以作为垃圾爬虫得基础校验方式之一
   4 ]6 m" _8 u9 T( A+ Y
6. * 使用方式  直接调用jsSuportCheck()
   
7. *      1.trackHost 指向你的追踪器，
   1 k0 g" N+ V2 G5 u( `; `1 |
8. *      2.修改 event1 为你自己的event
   
9. *      3.追踪器上  click-event1 = 不支持js浏览器数量(个人认为是刷子爬虫之类的)
   
10. *      4.追踪器上  event1 = 支持js浏览器数量
    
11. */
    
12. function jsSuportCheck() {
    
13.     var o = document.createElement("img");
    5 ]$ z* D" _& Y0 a
14.     o.style.display = "none";
    
15.     o.src= trackHost + '?event1=1';
    
16.     document.body.appendChild(o)
    
17. }
    & P. y2 Y7 [% m
18. 
    
19. 
    
20. /**
    
21. * 2.页面存活时间
    7 R, o) d- m5 T: {& o7 p
22. * 使用方式 直接调用 aliveCheck()
    6 `$ e6 T5 t) H2 q) L
23. *      每隔1s向你的追踪器发送一条数据：更新你的event
    / r7 s8 w6 d; }2 ?  Y8 E% q! j4 p: t
24. *      1.trackHost 指向你的追踪器，
    6 }1 ?8 D2 e3 o( P: m
25. *      2.修改 event3 为你自己的event
    
26. *      4.追踪器上 event3 = 页面存活时间
    * b. G7 d- u; N/ C8 i
27. *
    3 h9 ~  J0 I) ]- ]* a
28. * 数据说明：
    / S* c1 B' a" [$ J. j3 Z
29. *  1.时间为0
    
30. *         1.jsSuportCheck = 支持的 说明用户在1s呢关闭了页面，疑似高级爬虫(支持js的爬虫 如PhantomJS、NightmareJS 等无头)
    
31. *         2.jsSuportCheck = 不支持的 参考jsSuportCheck
    ) Y) ?4 D9 u) x/ F7 K
32. *  2.时间不为0
    9 L( X5 m& n2 v& A+ Y
33. *         1.时间很长的：页面打开了，没人管，，这个不好说，我觉得不正常
    
34. *         2.时间长短不一的，人类操作概率较大，若普遍存活时间短的，可以考虑LP有问题
    
35. *         3.存活时间还行，LP ctr也还行，说明 LP还可以
    % @% d+ v* L# }; o( i
36. *
    
37. */
    ) h$ V+ [6 _& J$ o
38. 
    
39. var times = 0;
    
40. function aliveCheck() {
    7 o8 @) O/ q& W3 r6 M* V" Y: I
41.     setInterval("checklive()","1000");
    : h3 b. O8 i' C2 W$ }
42. }
    9 t/ c+ {/ s0 W. [/ _
43. function checklive() {
    ; Y. I; J* U2 y; j( w: [! l" x
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. *
    
55. * 需要自己编码一个后端服务，用于同谷歌服务器通讯，返回score
    3 E  B) I6 j; j) k7 \6 R
56. */
      a! }1 D; v3 y# S1 q5 u# h& ^
57. //申请的grecaptcha前端token
    . s$ Q* [9 R2 H1 \, b/ v  o2 n
58. var token = "";
    2 g( |* ^# a$ i% Z' T
59. //你的grecaptcha后端服务器地址
    
60. var grecaptchaPostServer = "";
    ( d+ y0 Z) q/ W7 \
61. function recaptcha() {
    
62.     grecaptcha.ready(function() {
    
63.         grecaptcha.execute(token).then(function(token) {
    
64.             var ip = decodeURI((RegExp('ip' + "=(.+?)(&|$)").exec(location.search) || [, null])[1] || "");
    4 e- }, q8 `9 S  a3 L# X
65.             var o = document.createElement("img");
    % R1 ]0 l. B5 x1 c" T9 V, \
66.             o.style.display = "none";
    
67.             $.ajax({
    - k2 D" h+ v8 \7 H% ]
68.                 url: grecaptchaPostServer,
    
69.                 type: 'POST',
    ! o5 M- s& Q" }& e7 ^( d7 u; @
70.                 data: {"token":token,"ip":ip},
    9 H, L: {1 ]$ `6 U2 @
71.                 success: function(data) {
    
72.                     if(data.score > 0.4){
    
73.                         score = 1;
    
74.                     }else{
    7 Y: o4 v7 {- \  m* d8 h$ a/ [
75.                         score = 0;
    . U  S) V0 r5 D: z3 J' d# x
76.                     }
    / k2 H* S+ s- ?. z9 n2 k
77.                     o.src = trackHost + '?event2='+score;
    % p, n2 p  W+ V
78.                     document.body.append(o)
    
79.                 }
    
80.             });
    
81. 
    - j- P( U8 j! j( o8 q; Z0 F9 H( }& X
82.         });
    3 _# B2 t) Y. p( b
83.     });
    ! Q$ Z/ [6 ?9 R2 |
84. }

复制代码

3 D" d8 N7 W7 D  T) s  q4 {0 O

校验都十分基础和简单，各位新上路的小伙伴们看需要自取即可


7 b& c( X  Z, l, W0 b
( [! T% m1 g& E" z' u  {: n
+ O& ~' C9 r0 V6 @( G+ X0 K4 @: v
  q* R0 [- i5 S3 z
5 \6 p' n3 S, O: y* D

forestchu

非常 的给力.感谢哈

All

感谢分享

yang。

补充下：
今天同时跑几个campaign，发现追踪器负荷有点高，查看lp页面的时候发现页面时长统计的请求会502，应该是数据量大，加上这个请求太过频繁导致，遂将
" V+ N5 B) w! z% E3 F# d- j

1. var times = 0;
   
2. function aliveCheck() {
   % q% o$ s% B+ u" T' I4 C
3.     setInterval("checklive()","1000");
   
4. }

复制代码

& ?- r  y( _/ t8 i! f9 |修改为：

1. var times = 0;
   
2. function aliveCheck() {
   ; G) \; Q: K0 J: a
3. //请求频率从1s提高到5s一次，，5000是毫秒 = 5s
   
4.     setInterval("checklive()","5000");
   
5. }

复制代码

+ Y, l3 X4 V) c$ S追踪器压力明显降低。。。。
4 k2 n$ m. O! }
+ e3 d/ R) h, i; {: Z; }8 m这个看各位的需要，如果是高富帅顶配服务器当我没说，，，但这个统计存留时长的，1s一次的确有点过分细化了，，，，各位可以按照自己的经验调整统计频率

tonychopper

yang。 发表于 2021-9-11 22:20
) p/ X$ w5 F( K& ?% t* E补充下：
今天同时跑几个campaign，发现追踪器负荷有点高，查看lp页面的时候发现页面时长统计的请求会502， ...

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

yang。

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

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

pitch

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

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

gresh

厉害了！

yang。

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

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

pitch

yang。 发表于 2022-1-11 15:56
- m  Y# j" Q1 p5 z+ D" [( T# z放在头部head标签中，用script标签包裹，或者放在最下边，body内，script包裹，调用注释里有 ...

' t  S% O; F( _! a谢谢回复，已经用上了

wr406531195

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