简单前端JS校验脚本分享

yang。

( ?. _( ?0 D2 @& `) A  t7 v7 R开个头-------------持续亏钱ing。。。。

+ N* m9 }" [  z% N! X
这两日有小伙伴觉得我加的一些前端验证有点用，遂求分享代码，这里也整理了一下发出来。

基本效果么 可以查看这篇帖子
* r4 b; |! w* Q1 i' Q5 ]1 yhttps://www.advertcn.com/thread-99669-1-1.html


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

' q1 y$ f3 P5 U$ S- \

1. //your track host
   / F. ?4 T, K' L
2. var trackHost = "";
   
3. 
   ! Z9 w- p( |8 {$ F; N
4. /**
     k7 p1 A: a/ N0 e6 [+ k
5. * 1.校验浏览器是否支持js，可以作为垃圾爬虫得基础校验方式之一
   
6. * 使用方式  直接调用jsSuportCheck()
   
7. *      1.trackHost 指向你的追踪器，
   
8. *      2.修改 event1 为你自己的event
   ( b0 V& J4 D/ F. m# `" w/ I1 O
9. *      3.追踪器上  click-event1 = 不支持js浏览器数量(个人认为是刷子爬虫之类的)
   
10. *      4.追踪器上  event1 = 支持js浏览器数量
    : n1 [; z- q9 t7 V' a& t
11. */
    ) e( F& A: X2 h* v$ ~5 W8 Z: W5 j
12. function jsSuportCheck() {
    
13.     var o = document.createElement("img");
    
14.     o.style.display = "none";
    / R! O7 z( a2 x$ g
15.     o.src= trackHost + '?event1=1';
    2 \& a- }0 t$ i) o+ y% ^% l+ H
16.     document.body.appendChild(o)
    * l; r- Q8 N1 r/ a7 T) M/ e
17. }
    / x. A9 z4 R, g2 q) k
18. 
    
19. 
    * d1 ]+ \( W5 G$ x( `) J) |
20. /**
    
21. * 2.页面存活时间
    
22. * 使用方式 直接调用 aliveCheck()
    
23. *      每隔1s向你的追踪器发送一条数据：更新你的event
    
24. *      1.trackHost 指向你的追踪器，
    5 P! O5 X- M* |9 ?% T4 v
25. *      2.修改 event3 为你自己的event
    2 s7 s; U) `* s
26. *      4.追踪器上 event3 = 页面存活时间
    
27. *
    & g5 ^% ~2 P2 z. P& [5 g( r
28. * 数据说明：
    
29. *  1.时间为0
    4 {2 V9 S: V9 q/ E. @, N9 R
30. *         1.jsSuportCheck = 支持的 说明用户在1s呢关闭了页面，疑似高级爬虫(支持js的爬虫 如PhantomJS、NightmareJS 等无头)
    / M) ?: E2 G  E: r
31. *         2.jsSuportCheck = 不支持的 参考jsSuportCheck
    6 U# _( G$ L4 C  h
32. *  2.时间不为0
    ' @9 O* x8 s3 a# C
33. *         1.时间很长的：页面打开了，没人管，，这个不好说，我觉得不正常
    & G. s8 f; ~" r; W  v1 ~
34. *         2.时间长短不一的，人类操作概率较大，若普遍存活时间短的，可以考虑LP有问题
    
35. *         3.存活时间还行，LP ctr也还行，说明 LP还可以
    & ?* S9 ]8 r0 e% V$ y9 |
36. *
    8 N- E( ]$ P1 i3 a( t
37. */
    7 k3 [6 v0 {* t- J# K4 C6 G8 p6 Z9 p
38. 
    
39. var times = 0;
    
40. function aliveCheck() {
    
41.     setInterval("checklive()","1000");
    
42. }
    2 p$ M% u' G7 b
43. function checklive() {
    
44.     times += 1;
    
45.     var o = document.createElement("img");
    
46.     o.style.display = "none";
    & |: S0 }) T# b! S: m
47.     o.src = trackHost + "?event3=" + times;
    
48. }
    ( f2 ?: v: P, w( t9 }2 U7 H% J
49. 
    ' H# b4 K( h2 O
50. 
    9 _; [- U! w" v4 G* J) o2 s. M1 y
51. /**
    6 M/ z% G8 ~2 D& M. P% R
52. * 谷歌验证
    
53. * 个人觉得有前边的已经差不多了，所以这个已经没在用了，有需要的自己取
    
54. *
    
55. * 需要自己编码一个后端服务，用于同谷歌服务器通讯，返回score
    
56. */
    
57. //申请的grecaptcha前端token
    
58. var token = "";
    
59. //你的grecaptcha后端服务器地址
    5 h1 N9 _" @. g. q
60. var grecaptchaPostServer = "";
    
61. function recaptcha() {
    5 F& b7 m2 e% J1 d3 N5 ^1 N
62.     grecaptcha.ready(function() {
    0 S) Y3 m* S6 U
63.         grecaptcha.execute(token).then(function(token) {
    3 t! a, p1 g2 g! [/ g0 ?8 |
64.             var ip = decodeURI((RegExp('ip' + "=(.+?)(&|$)").exec(location.search) || [, null])[1] || "");
    
65.             var o = document.createElement("img");
    
66.             o.style.display = "none";
    
67.             $.ajax({
    
68.                 url: grecaptchaPostServer,
    
69.                 type: 'POST',
    
70.                 data: {"token":token,"ip":ip},
    
71.                 success: function(data) {
    6 t; ?9 M5 C3 m8 P4 j
72.                     if(data.score > 0.4){
    9 ~- K" c( y# B3 j
73.                         score = 1;
    5 x9 Y/ F" ^# B# \; v1 h. h
74.                     }else{
    
75.                         score = 0;
    ' |7 E* T9 j6 {) B' v& \
76.                     }
    ) M& R6 v: d. u% `0 ^! a' l
77.                     o.src = trackHost + '?event2='+score;
    
78.                     document.body.append(o)
    
79.                 }
    
80.             });
    / y6 N8 L' X0 M
81. 
    ' E' g  m9 F5 m% ^
82.         });
    ! l- S2 |8 a9 B
83.     });
    , U& E/ ~7 G6 T( A
84. }

复制代码

. E* U. W9 P+ t* p8 @" n, r4 A( [
* m5 d3 F6 q8 t校验都十分基础和简单，各位新上路的小伙伴们看需要自取即可

; w1 H2 [) \- Z


5 @& J# n2 P" C

forestchu

非常 的给力.感谢哈

All

感谢分享

yang。

补充下：
今天同时跑几个campaign，发现追踪器负荷有点高，查看lp页面的时候发现页面时长统计的请求会502，应该是数据量大，加上这个请求太过频繁导致，遂将
  B$ c2 @7 Y/ `% D$ a* x: _5 _

1. var times = 0;
   7 U* }" x& t8 @, k4 M
2. function aliveCheck() {
   ! Q: |: n/ K" r6 |3 @) @  r
3.     setInterval("checklive()","1000");
   4 [# S" _7 F6 E% x0 J* z
4. }

复制代码

修改为：
9 W; R: C5 W% s% [: U5 q. e

1. var times = 0;
   
2. function aliveCheck() {
   : u2 H% I. [8 G* H3 f; r. ?
3. //请求频率从1s提高到5s一次，，5000是毫秒 = 5s
   
4.     setInterval("checklive()","5000");
   # N' [" e8 T. u
5. }

复制代码

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

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

tonychopper

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

7 d6 [- z( ~2 T3 u! s: F+ a" t3 s! u虽然看不懂但是感觉很厉害云追踪器可以用吗，前端技术为0，问下这个是js 放在lp上的吗？

yang。

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

追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
% e# m7 X0 @9 M$ ]. t这个就是js代码，直接放在LP里 但是记得要调用！！！！！

pitch

yang。 发表于 2021-9-14 10:16
( X9 A# D  C) i追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
这个就是js ...

) q) k3 ?+ [" h8 o: ^老哥能说明白点吗？在LP哪个位置调用、怎么调用

gresh

厉害了！

yang。

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

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

pitch

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

谢谢回复，已经用上了

wr406531195

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