简单前端JS校验脚本分享

yang。

9 b. d- x$ v' F$ v
! J9 \0 ]# S9 X5 V8 k6 H开个头-------------持续亏钱ing。。。。


" [, K( |% a  g" S这两日有小伙伴觉得我加的一些前端验证有点用，遂求分享代码，这里也整理了一下发出来。
) @+ E  ~3 m( U5 f, C
; P- C; e) [* d基本效果么 可以查看这篇帖子
https://www.advertcn.com/thread-99669-1-1.html


但是要强调下：脚本永远只能作为参考和辅助，
8 s1 Y, K5 y& P0 |; R* }( r: W

1. //your track host
   
2. var trackHost = "";
   
3. 
   
4. /**
   
5. * 1.校验浏览器是否支持js，可以作为垃圾爬虫得基础校验方式之一
   6 n" j# E1 z3 O' D1 @
6. * 使用方式  直接调用jsSuportCheck()
   ( I; f# d: ?% z7 w  Z9 i
7. *      1.trackHost 指向你的追踪器，
   
8. *      2.修改 event1 为你自己的event
   1 M& a" H. J7 |$ G
9. *      3.追踪器上  click-event1 = 不支持js浏览器数量(个人认为是刷子爬虫之类的)
   
10. *      4.追踪器上  event1 = 支持js浏览器数量
    
11. */
    * A- C6 r+ N7 I6 k
12. function jsSuportCheck() {
    
13.     var o = document.createElement("img");
    # G$ N/ D  y+ s; Y9 U
14.     o.style.display = "none";
    
15.     o.src= trackHost + '?event1=1';
    
16.     document.body.appendChild(o)
    
17. }
    
18. 
    $ f' r. z% k: n  a
19. 
      R( t' v/ f0 X$ x9 X& r
20. /**
    & J9 g% d. A3 @- Y2 W) I$ f- d- s% t
21. * 2.页面存活时间
    
22. * 使用方式 直接调用 aliveCheck()
    . F/ B' g& S" z' W) J$ v$ v
23. *      每隔1s向你的追踪器发送一条数据：更新你的event
    
24. *      1.trackHost 指向你的追踪器，
    
25. *      2.修改 event3 为你自己的event
    
26. *      4.追踪器上 event3 = 页面存活时间
    
27. *
    
28. * 数据说明：
    
29. *  1.时间为0
    
30. *         1.jsSuportCheck = 支持的 说明用户在1s呢关闭了页面，疑似高级爬虫(支持js的爬虫 如PhantomJS、NightmareJS 等无头)
    ; i* \, G7 A; K1 {8 z! @
31. *         2.jsSuportCheck = 不支持的 参考jsSuportCheck
    7 \! k) z$ P, E% E
32. *  2.时间不为0
    , ~% u1 q' d8 n2 [6 X
33. *         1.时间很长的：页面打开了，没人管，，这个不好说，我觉得不正常
    ; x8 n0 ^1 n0 i3 A6 t- N5 r6 o
34. *         2.时间长短不一的，人类操作概率较大，若普遍存活时间短的，可以考虑LP有问题
    0 v5 x1 ^+ j3 R  L! T
35. *         3.存活时间还行，LP ctr也还行，说明 LP还可以
    / ^% ?/ i6 d2 {) Z
36. *
    
37. */
    : F9 ?1 y% d4 ^7 L
38. 
    1 k# X9 ~5 ?$ L# z5 P: f  O
39. var times = 0;
    : r4 J/ l4 }1 Y$ Y- ~
40. function aliveCheck() {
    , u# O/ G" t0 ~! v3 v- S- h' o/ v
41.     setInterval("checklive()","1000");
    
42. }
    
43. function checklive() {
    : A5 u, @! v" c: S; n6 _
44.     times += 1;
    
45.     var o = document.createElement("img");
    
46.     o.style.display = "none";
    6 E; V( ]4 W9 @5 {( ^
47.     o.src = trackHost + "?event3=" + times;
    
48. }
    
49. 
    
50. 
      i+ h; t3 z2 f$ [/ q) |
51. /**
    
52. * 谷歌验证
    7 L: F  i4 c2 O% ~- M
53. * 个人觉得有前边的已经差不多了，所以这个已经没在用了，有需要的自己取
    # h% U" ~6 e5 }6 e. [" G
54. *
    
55. * 需要自己编码一个后端服务，用于同谷歌服务器通讯，返回score
    
56. */
    1 P4 }8 b2 r& F! M
57. //申请的grecaptcha前端token
    
58. var token = "";
    
59. //你的grecaptcha后端服务器地址
    
60. var grecaptchaPostServer = "";
    
61. function recaptcha() {
    $ U4 Y% k* h8 y& O7 ]
62.     grecaptcha.ready(function() {
    . C$ A# \, K1 x' i
63.         grecaptcha.execute(token).then(function(token) {
    ) a* B! l% @5 s
64.             var ip = decodeURI((RegExp('ip' + "=(.+?)(&|$)").exec(location.search) || [, null])[1] || "");
    
65.             var o = document.createElement("img");
    
66.             o.style.display = "none";
    
67.             $.ajax({
    " r( H% O; }8 H& _
68.                 url: grecaptchaPostServer,
    
69.                 type: 'POST',
    
70.                 data: {"token":token,"ip":ip},
    1 f; q0 b- n: `+ r: a# i; m
71.                 success: function(data) {
    / ]% h9 P6 I5 i! Q% m' z/ @
72.                     if(data.score > 0.4){
    
73.                         score = 1;
    ) o' N9 L/ W; [" m1 b4 k+ \' \. `
74.                     }else{
    
75.                         score = 0;
    3 _1 F. {9 \8 z
76.                     }
    9 P/ w- v2 ^7 F) k. i
77.                     o.src = trackHost + '?event2='+score;
    % U7 [' z! I7 R( e+ L4 G
78.                     document.body.append(o)
      C0 a3 z% j% o0 p7 Y" K2 M
79.                 }
    
80.             });
    " ]2 G# z3 m4 x. W
81. 
    
82.         });
    
83.     });
    
84. }

复制代码

( n; U7 \' e, j$ ?& `
校验都十分基础和简单，各位新上路的小伙伴们看需要自取即可
( @$ [5 O7 g: Q' N2 [2 X) S
8 Q1 B# A& S& l  l1 [# P
1 n- _- z3 o. k


- t; H+ A1 h1 v% z: I6 f
7 w, x# B+ P/ I# _9 H  V

forestchu

非常 的给力.感谢哈

All

感谢分享

yang。

补充下：
今天同时跑几个campaign，发现追踪器负荷有点高，查看lp页面的时候发现页面时长统计的请求会502，应该是数据量大，加上这个请求太过频繁导致，遂将
  r( {: @8 Q) r% v* _

1. var times = 0;
   ; J# Z/ `  A( m, |, {6 h; \
2. function aliveCheck() {
   ; K- `/ D% M+ l
3.     setInterval("checklive()","1000");
   
4. }

复制代码

修改为：

1. var times = 0;
   
2. function aliveCheck() {
   
3. //请求频率从1s提高到5s一次，，5000是毫秒 = 5s
   
4.     setInterval("checklive()","5000");
   : S6 L5 Z# J3 G6 P0 w
5. }

复制代码

追踪器压力明显降低。。。。

5 V( E# ^/ v1 S8 s这个看各位的需要，如果是高富帅顶配服务器当我没说，，，但这个统计存留时长的，1s一次的确有点过分细化了，，，，各位可以按照自己的经验调整统计频率

tonychopper

yang。 发表于 2021-9-11 22:20
补充下：
2 O' {5 x# W* ?6 F$ I1 D: h6 x今天同时跑几个campaign，发现追踪器负荷有点高，查看lp页面的时候发现页面时长统计的请求会502， ...

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

yang。

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

  K# _+ a! D; k' p0 G3 V追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
这个就是js代码，直接放在LP里 但是记得要调用！！！！！

pitch

yang。 发表于 2021-9-14 10:16
. B- I. o* J  u7 F, j+ w; ^追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
这个就是js ...

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

gresh

厉害了！

yang。

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

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

pitch

yang。 发表于 2022-1-11 15:56
) X! [( O" J9 h. i1 m4 Y9 Z放在头部head标签中，用script标签包裹，或者放在最下边，body内，script包裹，调用注释里有 ...

. i" F. P* a8 B) z  T谢谢回复，已经用上了

wr406531195

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