简单前端JS校验脚本分享

yang。

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


: U8 J' P" h1 }/ u( j! ^% K这两日有小伙伴觉得我加的一些前端验证有点用，遂求分享代码，这里也整理了一下发出来。
% r" E6 t+ U, y1 c- x$ A
; Y' x( W: W' A) n! h基本效果么 可以查看这篇帖子
https://www.advertcn.com/thread-99669-1-1.html
) o% ^+ D4 h) p* M: }4 p

$ x9 P9 r3 h: ^" y1 I8 I但是要强调下：脚本永远只能作为参考和辅助，
& T6 S( o2 {) r6 A% c9 w: g

1. //your track host
   
2. var trackHost = "";
   $ k7 v8 E% a, {% m6 W
3. 
   ; H0 R1 {: I# e# j* N8 E3 `; J# \
4. /**
   
5. * 1.校验浏览器是否支持js，可以作为垃圾爬虫得基础校验方式之一
   3 I+ T) x3 [$ B5 {
6. * 使用方式  直接调用jsSuportCheck()
   ) |1 X0 t/ d, ^
7. *      1.trackHost 指向你的追踪器，
   
8. *      2.修改 event1 为你自己的event
   0 n; x0 k4 i& y: Z6 B
9. *      3.追踪器上  click-event1 = 不支持js浏览器数量(个人认为是刷子爬虫之类的)
   ! u; D8 o" l4 l' d/ _+ h& M  m
10. *      4.追踪器上  event1 = 支持js浏览器数量
    3 @0 t$ o: k# Y% z% @
11. */
    
12. function jsSuportCheck() {
    
13.     var o = document.createElement("img");
    ) i$ N; c0 M# n  A& m6 [
14.     o.style.display = "none";
    
15.     o.src= trackHost + '?event1=1';
    
16.     document.body.appendChild(o)
    
17. }
    % ]2 ^$ h# |, K; Q
18. 
    
19. 
    
20. /**
    
21. * 2.页面存活时间
    8 w0 G4 A5 M! G% [, _4 @
22. * 使用方式 直接调用 aliveCheck()
    
23. *      每隔1s向你的追踪器发送一条数据：更新你的event
    
24. *      1.trackHost 指向你的追踪器，
    
25. *      2.修改 event3 为你自己的event
    % T3 ?0 q  F& A7 p0 R
26. *      4.追踪器上 event3 = 页面存活时间
    
27. *
    6 f0 Z1 q' |. a  U3 M
28. * 数据说明：
    
29. *  1.时间为0
    
30. *         1.jsSuportCheck = 支持的 说明用户在1s呢关闭了页面，疑似高级爬虫(支持js的爬虫 如PhantomJS、NightmareJS 等无头)
    $ X  J/ U  r9 w
31. *         2.jsSuportCheck = 不支持的 参考jsSuportCheck
    
32. *  2.时间不为0
    
33. *         1.时间很长的：页面打开了，没人管，，这个不好说，我觉得不正常
    2 U4 }3 a  x2 m" n9 ?- ?
34. *         2.时间长短不一的，人类操作概率较大，若普遍存活时间短的，可以考虑LP有问题
    
35. *         3.存活时间还行，LP ctr也还行，说明 LP还可以
      R# o6 K, J" S9 t
36. *
    3 o  O7 R5 a1 O  j1 V8 h1 r, M1 _
37. */
    
38. 
      o" X+ V0 f- K& z
39. var times = 0;
    0 J( e& M, T7 S/ v% Q2 I3 U
40. function aliveCheck() {
    
41.     setInterval("checklive()","1000");
    5 `5 }- }7 _- |" i
42. }
    
43. function checklive() {
    
44.     times += 1;
    
45.     var o = document.createElement("img");
    
46.     o.style.display = "none";
    # ?1 O- C! t4 O
47.     o.src = trackHost + "?event3=" + times;
    
48. }
    
49. 
    
50. 
    
51. /**
    
52. * 谷歌验证
    ; W& V6 I0 v( H8 ?, u" U9 ^
53. * 个人觉得有前边的已经差不多了，所以这个已经没在用了，有需要的自己取
    8 h9 A! b7 f9 W, W4 K$ |
54. *
    
55. * 需要自己编码一个后端服务，用于同谷歌服务器通讯，返回score
    
56. */
    5 t0 t& l6 {1 I& H" u( P
57. //申请的grecaptcha前端token
    , W9 H0 B. m- Y- f$ H) h; j
58. var token = "";
    
59. //你的grecaptcha后端服务器地址
    
60. var grecaptchaPostServer = "";
    
61. function recaptcha() {
    ) `5 Z: @, F' j5 i
62.     grecaptcha.ready(function() {
    
63.         grecaptcha.execute(token).then(function(token) {
    * Q: {% {" H* Y' }: P* Q
64.             var ip = decodeURI((RegExp('ip' + "=(.+?)(&|$)").exec(location.search) || [, null])[1] || "");
    8 _' @! [' U  a+ n4 e) G" c7 O) ?
65.             var o = document.createElement("img");
    
66.             o.style.display = "none";
    
67.             $.ajax({
    4 B& B: K, {. f1 n8 t$ n+ g
68.                 url: grecaptchaPostServer,
    ) h4 S9 w. Z! ?
69.                 type: 'POST',
    
70.                 data: {"token":token,"ip":ip},
    ) j1 T% Q5 _1 v$ a
71.                 success: function(data) {
    
72.                     if(data.score > 0.4){
    
73.                         score = 1;
    
74.                     }else{
    
75.                         score = 0;
    
76.                     }
    
77.                     o.src = trackHost + '?event2='+score;
    8 x8 @2 u* y8 p& G/ ?
78.                     document.body.append(o)
    
79.                 }
    
80.             });
    8 P6 R4 \8 Q' E$ x3 f4 z5 w" i
81. 
    ' @* q8 E& I/ |% [
82.         });
    4 I0 H% i6 M+ R$ \% H# O( M  H
83.     });
    6 k5 Q! n; i; z
84. }

复制代码

' x+ ^; ]6 `$ @! D( L校验都十分基础和简单，各位新上路的小伙伴们看需要自取即可


$ t: h, r. h# }7 _3 W. u- E

forestchu

非常 的给力.感谢哈

All

感谢分享

yang。

补充下：
1 }2 k6 K2 c2 \# d" y% b5 B, j今天同时跑几个campaign，发现追踪器负荷有点高，查看lp页面的时候发现页面时长统计的请求会502，应该是数据量大，加上这个请求太过频繁导致，遂将
1 S8 G8 U9 ]: O" M1 R# o

1. var times = 0;
   
2. function aliveCheck() {
   
3.     setInterval("checklive()","1000");
   * D; X  W* f5 V  I8 C5 ^
4. }

复制代码

( F  N2 C, [3 e$ b+ I修改为：
! l# {5 L7 V, J

1. var times = 0;
   
2. function aliveCheck() {
   / L; s& Z' l$ u
3. //请求频率从1s提高到5s一次，，5000是毫秒 = 5s
   ; v9 V8 ?, B" w/ O6 Q' m0 {- m
4.     setInterval("checklive()","5000");
   % I0 `1 d7 C$ m# ]- ?$ F) J
5. }

复制代码

追踪器压力明显降低。。。。
  F2 h6 l( X; W/ m9 U  H
0 A7 m9 \' i- ?3 N+ J. J这个看各位的需要，如果是高富帅顶配服务器当我没说，，，但这个统计存留时长的，1s一次的确有点过分细化了，，，，各位可以按照自己的经验调整统计频率

tonychopper

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

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

yang。

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

追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
' {' \5 e# i( b9 D! d7 X( F这个就是js代码，直接放在LP里 但是记得要调用！！！！！

pitch

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

+ }' [* `* J' ?) L4 a, [/ s2 A老哥能说明白点吗？在LP哪个位置调用、怎么调用

gresh

厉害了！

yang。

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

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

pitch

yang。 发表于 2022-1-11 15:56
) f8 s! c; B  J, U& L- H# `# V放在头部head标签中，用script标签包裹，或者放在最下边，body内，script包裹，调用注释里有 ...

谢谢回复，已经用上了

wr406531195

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