简单前端JS校验脚本分享

yang。

开个头-------------持续亏钱ing。。。。
' ^: n, A+ j: r6 K; b7 d  o

" B7 @2 v! t" }4 ^6 g+ r8 g这两日有小伙伴觉得我加的一些前端验证有点用，遂求分享代码，这里也整理了一下发出来。
* P3 C3 u- O; d& k2 G  i  }
基本效果么 可以查看这篇帖子
. q: f/ ~  A$ d5 |& c) v* O) E5 M: e# |" Khttps://www.advertcn.com/thread-99669-1-1.html

% X; ]3 B2 N0 q6 s1 b( ]
5 I. g. ^; P4 r9 y5 B- I7 `( B" V但是要强调下：脚本永远只能作为参考和辅助，

1. //your track host
   
2. var trackHost = "";
   
3. 
   
4. /**
   
5. * 1.校验浏览器是否支持js，可以作为垃圾爬虫得基础校验方式之一
   0 S( Q1 V( q! Z7 ?9 X2 J* x; a
6. * 使用方式  直接调用jsSuportCheck()
   $ F/ ~, n' A, z- r4 n# H" \, _" u% G
7. *      1.trackHost 指向你的追踪器，
   
8. *      2.修改 event1 为你自己的event
   
9. *      3.追踪器上  click-event1 = 不支持js浏览器数量(个人认为是刷子爬虫之类的)
   " S2 }0 V- S, P3 H( [  @7 r3 q! [, O
10. *      4.追踪器上  event1 = 支持js浏览器数量
    
11. */
    
12. function jsSuportCheck() {
    2 L& O$ J1 u. g, V# W
13.     var o = document.createElement("img");
      k9 I2 u+ \& }$ r4 r
14.     o.style.display = "none";
    # G" f4 o2 C# V  I" J8 A" h
15.     o.src= trackHost + '?event1=1';
    9 s& ?. ]4 ^0 [5 _5 H6 P5 {
16.     document.body.appendChild(o)
    
17. }
    0 o2 B6 l2 [$ t( s" C8 ~3 i7 G( _7 j* j
18. 
    
19. 
    ! [" b5 A( r7 b/ k1 q! d2 T# R0 ]
20. /**
    1 A7 `5 g1 u( Z
21. * 2.页面存活时间
    
22. * 使用方式 直接调用 aliveCheck()
    
23. *      每隔1s向你的追踪器发送一条数据：更新你的event
    ) @  @1 X: g; y7 _. g- A
24. *      1.trackHost 指向你的追踪器，
    
25. *      2.修改 event3 为你自己的event
    - k. |1 i4 o7 [5 @/ c$ C4 A( c3 A
26. *      4.追踪器上 event3 = 页面存活时间
    # q, m% B# y3 \. p' U
27. *
    / C3 p( U& v: i; b0 F
28. * 数据说明：
    
29. *  1.时间为0
    . ^  }6 ^: l  U8 M6 x5 J5 W
30. *         1.jsSuportCheck = 支持的 说明用户在1s呢关闭了页面，疑似高级爬虫(支持js的爬虫 如PhantomJS、NightmareJS 等无头)
    
31. *         2.jsSuportCheck = 不支持的 参考jsSuportCheck
    
32. *  2.时间不为0
    $ z, q) ~* A: y0 j
33. *         1.时间很长的：页面打开了，没人管，，这个不好说，我觉得不正常
    
34. *         2.时间长短不一的，人类操作概率较大，若普遍存活时间短的，可以考虑LP有问题
    2 m. Z; a0 j: C
35. *         3.存活时间还行，LP ctr也还行，说明 LP还可以
    
36. *
    . u9 S' D( ]4 w" x9 }! h- U
37. */
    0 i4 V8 a6 r" X! M2 j
38. 
    5 h/ Y9 ^6 N8 }
39. var times = 0;
    
40. function aliveCheck() {
    + L" Q" h. R1 i% w  A! E% l! h
41.     setInterval("checklive()","1000");
    
42. }
    
43. function checklive() {
    1 r* L7 Q' M- i
44.     times += 1;
    6 h) ^- Z. H5 V- j: y1 N8 l
45.     var o = document.createElement("img");
    / n) A( O4 Z. ~7 x, q2 N# e& H
46.     o.style.display = "none";
    - c: ^8 M. B: S; c: R2 I
47.     o.src = trackHost + "?event3=" + times;
    
48. }
    : H  U. R  L; C
49. 
    
50. 
    8 m, D$ T* v$ e" R0 t
51. /**
    4 M9 y3 J$ H$ a& _/ b- b9 w* U8 H! s$ Y
52. * 谷歌验证
    ) [% h) E5 X" R+ x  v
53. * 个人觉得有前边的已经差不多了，所以这个已经没在用了，有需要的自己取
    , n9 v  m2 K6 p4 p5 |/ q
54. *
    # t+ t5 ^. S9 v8 X- ~/ r# C
55. * 需要自己编码一个后端服务，用于同谷歌服务器通讯，返回score
    0 J0 N4 J/ u3 L1 \& q2 b
56. */
    + N8 l/ ~, @  h' T' |; B
57. //申请的grecaptcha前端token
    + y! {' ~8 h9 ^) i6 {
58. var token = "";
    
59. //你的grecaptcha后端服务器地址
    
60. var grecaptchaPostServer = "";
    1 f! |' m3 `- T/ v
61. function recaptcha() {
    ; `3 M6 K( `. R% r2 N
62.     grecaptcha.ready(function() {
    ! M+ p. a! z  E; A6 p
63.         grecaptcha.execute(token).then(function(token) {
    
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,
    / Q# B# \6 j. O
69.                 type: 'POST',
    
70.                 data: {"token":token,"ip":ip},
    
71.                 success: function(data) {
    0 z' ]7 P" K( \8 n: }5 m/ s
72.                     if(data.score > 0.4){
    
73.                         score = 1;
    9 y1 \0 e" }% }8 I3 {4 _
74.                     }else{
    # g+ P- q0 b, Z1 k+ n! n: B% k
75.                         score = 0;
    8 Z9 o, ~7 ]& o5 @9 s; {1 x1 [% q- F5 ^
76.                     }
    
77.                     o.src = trackHost + '?event2='+score;
    
78.                     document.body.append(o)
    
79.                 }
    
80.             });
    . \3 T+ I4 Z4 W# j6 s2 _: W) s
81. 
    # r  v# s. F2 p% a9 Z% B+ P( Z, ?
82.         });
    & h  `# w& {1 s9 [% _+ o) ?8 z
83.     });
    $ p0 b6 q/ d+ R' f
84. }

复制代码

4 C; f) `; N3 G, O
* G: ?: U8 z! Q
& Y3 J( T9 D; y  }! F校验都十分基础和简单，各位新上路的小伙伴们看需要自取即可
5 }! [+ V: L; Q! L4 L


* v3 e/ _' g" n5 ^/ F

) u1 ?- [1 e( S7 O
: [) r8 r5 }& B8 A( c5 m0 c

forestchu

非常 的给力.感谢哈

All

感谢分享

yang。

补充下：
$ u2 m  O8 j8 n* g+ q$ H* B* Y) `今天同时跑几个campaign，发现追踪器负荷有点高，查看lp页面的时候发现页面时长统计的请求会502，应该是数据量大，加上这个请求太过频繁导致，遂将

1. var times = 0;
   8 K3 E# J6 d( ^( W; S; `! N  ]
2. function aliveCheck() {
   6 `# v: e7 X" L/ ?& y
3.     setInterval("checklive()","1000");
   
4. }

复制代码

修改为：
" t" t& U+ |6 k

1. var times = 0;
   
2. function aliveCheck() {
   $ H1 ^3 _; Y8 F5 s, m
3. //请求频率从1s提高到5s一次，，5000是毫秒 = 5s
   
4.     setInterval("checklive()","5000");
   ) |; j2 S$ ?, V, k# H  Q* q
5. }

复制代码

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

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

tonychopper

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

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

yang。

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

追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
0 {% t, }' |" [( {2 e, B1 c* n这个就是js代码，直接放在LP里 但是记得要调用！！！！！

pitch

yang。 发表于 2021-9-14 10:16
! V8 A+ G5 F6 C8 Y5 D追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
* B( i$ g3 {4 M1 E% S这个就是js ...

. s* y$ T) F9 J. t$ l  `老哥能说明白点吗？在LP哪个位置调用、怎么调用

gresh

厉害了！

yang。

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

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

pitch

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

谢谢回复，已经用上了

wr406531195

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