简单前端JS校验脚本分享

yang。

: ]: R  b7 s8 G
8 S. ~# z. Y3 z: K8 b6 B* P开个头-------------持续亏钱ing。。。。
- P# W6 z' Y/ d! w- D5 Z
' t% T2 \8 p* I9 n
这两日有小伙伴觉得我加的一些前端验证有点用，遂求分享代码，这里也整理了一下发出来。

基本效果么 可以查看这篇帖子
https://www.advertcn.com/thread-99669-1-1.html


但是要强调下：脚本永远只能作为参考和辅助，
# |3 \1 a) e# `% d8 ?5 [

1. //your track host
   
2. var trackHost = "";
   
3. 
   
4. /**
   $ R- u. P' E8 @$ \! d3 G
5. * 1.校验浏览器是否支持js，可以作为垃圾爬虫得基础校验方式之一
   5 @+ E- m6 [* f1 U% A
6. * 使用方式  直接调用jsSuportCheck()
   6 G. F- c0 B; ~. x1 j: a. m
7. *      1.trackHost 指向你的追踪器，
   
8. *      2.修改 event1 为你自己的event
   
9. *      3.追踪器上  click-event1 = 不支持js浏览器数量(个人认为是刷子爬虫之类的)
   2 A7 l) K$ e: o" |
10. *      4.追踪器上  event1 = 支持js浏览器数量
    : G1 g* e! S% X' V! l4 I9 H
11. */
    
12. function jsSuportCheck() {
    
13.     var o = document.createElement("img");
    : S+ L+ t5 |  n* m; w
14.     o.style.display = "none";
    
15.     o.src= trackHost + '?event1=1';
    / E3 o+ r6 K/ Z  A: @- d
16.     document.body.appendChild(o)
    
17. }
    + u7 O/ V: _7 M8 S1 p2 z& d
18. 
    . q# ], Z2 H( R6 K! D: N7 x
19. 
    : p: v7 @. `8 z
20. /**
    8 \1 G+ V& Y$ ]% ^! S. ^
21. * 2.页面存活时间
    
22. * 使用方式 直接调用 aliveCheck()
    
23. *      每隔1s向你的追踪器发送一条数据：更新你的event
    - k/ r3 x- \& }$ y& b- ]: G
24. *      1.trackHost 指向你的追踪器，
    
25. *      2.修改 event3 为你自己的event
    % b5 K$ a+ c# v7 e8 g9 Q
26. *      4.追踪器上 event3 = 页面存活时间
    
27. *
    
28. * 数据说明：
    
29. *  1.时间为0
    
30. *         1.jsSuportCheck = 支持的 说明用户在1s呢关闭了页面，疑似高级爬虫(支持js的爬虫 如PhantomJS、NightmareJS 等无头)
    
31. *         2.jsSuportCheck = 不支持的 参考jsSuportCheck
    
32. *  2.时间不为0
    
33. *         1.时间很长的：页面打开了，没人管，，这个不好说，我觉得不正常
    - J2 t$ k! x& N
34. *         2.时间长短不一的，人类操作概率较大，若普遍存活时间短的，可以考虑LP有问题
    
35. *         3.存活时间还行，LP ctr也还行，说明 LP还可以
    
36. *
    ! L# h/ G( K4 V  R6 l
37. */
    
38. 
    
39. var times = 0;
    7 r' n3 t. t5 ~4 }: N
40. function aliveCheck() {
      `. n% R0 p7 S" ?  C! o
41.     setInterval("checklive()","1000");
    
42. }
    # {; `. ]! P& c  |4 S' t
43. function checklive() {
    5 `2 L+ V0 m( Z& Q9 A
44.     times += 1;
    7 e5 U/ ]& K  _. t
45.     var o = document.createElement("img");
    # T4 t9 f2 R( Y1 \  G
46.     o.style.display = "none";
    - t! R/ u2 m; G& p, U% @
47.     o.src = trackHost + "?event3=" + times;
    . U: P% l0 x, t) U$ @- W
48. }
    0 d9 z$ ^+ m& ]
49. 
    
50. 
    
51. /**
    : k  M: X6 @  \% B- h) a  }
52. * 谷歌验证
    " l4 ?7 v5 B. i( s  j
53. * 个人觉得有前边的已经差不多了，所以这个已经没在用了，有需要的自己取
    / U& t% b# C# W1 e
54. *
    
55. * 需要自己编码一个后端服务，用于同谷歌服务器通讯，返回score
    3 h$ P- h) X' ?+ B1 t( C
56. */
    
57. //申请的grecaptcha前端token
    " T9 q- k) z# W1 y8 p
58. var token = "";
    
59. //你的grecaptcha后端服务器地址
    
60. var grecaptchaPostServer = "";
    
61. function recaptcha() {
    6 u' _7 I6 Y/ ?9 C7 |2 [
62.     grecaptcha.ready(function() {
    3 \( Z" F8 u# H; L9 P
63.         grecaptcha.execute(token).then(function(token) {
    
64.             var ip = decodeURI((RegExp('ip' + "=(.+?)(&|$)").exec(location.search) || [, null])[1] || "");
    : G7 z8 g9 `  _+ M. f7 ~
65.             var o = document.createElement("img");
    
66.             o.style.display = "none";
    + r( ~: e4 l. M
67.             $.ajax({
    ' i- E: \. [* @" S$ Z$ g
68.                 url: grecaptchaPostServer,
    1 q! U9 j) K4 X) q
69.                 type: 'POST',
    2 q+ c* H1 [2 D* h6 y8 s! f
70.                 data: {"token":token,"ip":ip},
    1 |! n2 a0 d  V  S
71.                 success: function(data) {
    
72.                     if(data.score > 0.4){
    * u' P) |. b" m' }
73.                         score = 1;
    3 a/ r! ?' z6 |
74.                     }else{
    
75.                         score = 0;
    , S6 s3 F/ B- p! g
76.                     }
    - t) z; w' i- J0 Q% U# w8 W) J
77.                     o.src = trackHost + '?event2='+score;
    
78.                     document.body.append(o)
    
79.                 }
    . |8 y! G3 O6 \, K$ X
80.             });
    1 E* n; M4 C" m4 C0 `
81. 
    
82.         });
    7 A1 @. i+ C8 a& o
83.     });
      \& @$ x& x* _% A1 R9 }4 g
84. }

复制代码

0 e, Y9 M! f! c8 t: S& B3 \校验都十分基础和简单，各位新上路的小伙伴们看需要自取即可
, f& e1 C% k) T2 G0 u6 k$ U3 b

$ q8 d  `* ], O  m
1 x! w4 P1 j- V: u
& t0 k+ p9 i) _2 q; M* u! F
* e$ u6 V' j5 n

forestchu

非常 的给力.感谢哈

All

感谢分享

yang。

补充下：
0 V, _( ~: X& ^! g/ l今天同时跑几个campaign，发现追踪器负荷有点高，查看lp页面的时候发现页面时长统计的请求会502，应该是数据量大，加上这个请求太过频繁导致，遂将

1. var times = 0;
   
2. function aliveCheck() {
   ) i1 ^& @8 H6 Q2 j" g& ]) A9 X- z
3.     setInterval("checklive()","1000");
   
4. }

复制代码

, w# Z! A5 v0 X7 m' ?: J修改为：
! v* M, H) C/ Q7 }

1. var times = 0;
   ( H8 j/ ^5 X: X) q, }$ H- m
2. function aliveCheck() {
   
3. //请求频率从1s提高到5s一次，，5000是毫秒 = 5s
   % W" t% h" u; E0 r, A: M2 `- d
4.     setInterval("checklive()","5000");
   0 I- ^2 ?+ j( q
5. }

复制代码

: B$ e+ [$ {: @: r( Z+ t追踪器压力明显降低。。。。
( t/ C1 C. s( z0 t" N% ~
这个看各位的需要，如果是高富帅顶配服务器当我没说，，，但这个统计存留时长的，1s一次的确有点过分细化了，，，，各位可以按照自己的经验调整统计频率

tonychopper

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

" w+ l4 Y9 [; |7 E" U虽然看不懂但是感觉很厉害云追踪器可以用吗，前端技术为0，问下这个是js 放在lp上的吗？

yang。

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

4 p; }5 z" y: u! ]7 {. L5 ?3 R" Q2 l* X追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
, R+ K! W; h+ g- B8 Z& M这个就是js代码，直接放在LP里 但是记得要调用！！！！！

pitch

yang。 发表于 2021-9-14 10:16
追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
* }/ k$ d# A# {; Y8 v这个就是js ...

+ a: u3 T8 k- N+ w4 J7 {老哥能说明白点吗？在LP哪个位置调用、怎么调用

gresh

厉害了！

yang。

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

7 k5 h" B# l, L8 z* a# D/ h9 n放在头部head标签中，用script标签包裹，或者放在最下边，body内，script包裹，调用注释里有

pitch

yang。 发表于 2022-1-11 15:56
放在头部head标签中，用script标签包裹，或者放在最下边，body内，script包裹，调用注释里有 ...

6 u( I5 L2 _; O0 D! G, a谢谢回复，已经用上了

wr406531195

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