简单前端JS校验脚本分享

yang。

; E4 Q( y2 d' o" K
9 j5 d% U' v# V; T  S: Z  d开个头-------------持续亏钱ing。。。。


这两日有小伙伴觉得我加的一些前端验证有点用，遂求分享代码，这里也整理了一下发出来。
9 R9 l7 j% a( e. c* Y' w
基本效果么 可以查看这篇帖子
https://www.advertcn.com/thread-99669-1-1.html
2 s( S" b3 L5 o- _# P" Y
+ w" v* ?" c6 k! R; Y
但是要强调下：脚本永远只能作为参考和辅助，

1. //your track host
   
2. var trackHost = "";
   ( `) H* y2 N/ n; j3 O( Y* ~
3. 
   
4. /**
   
5. * 1.校验浏览器是否支持js，可以作为垃圾爬虫得基础校验方式之一
   * u% |) M0 F' [) D$ W7 \/ G1 X* f& T
6. * 使用方式  直接调用jsSuportCheck()
   
7. *      1.trackHost 指向你的追踪器，
   
8. *      2.修改 event1 为你自己的event
   & b( \! A0 G, J5 w/ \
9. *      3.追踪器上  click-event1 = 不支持js浏览器数量(个人认为是刷子爬虫之类的)
   
10. *      4.追踪器上  event1 = 支持js浏览器数量
    
11. */
    " c5 v. U4 y- S; `. `/ v7 [
12. function jsSuportCheck() {
    
13.     var o = document.createElement("img");
      |8 c$ O/ a( G2 _; n1 E' q4 P" n) d
14.     o.style.display = "none";
    . x8 m9 H' L  A/ f, P8 }
15.     o.src= trackHost + '?event1=1';
    # i! T5 K* x# H' N
16.     document.body.appendChild(o)
    
17. }
    
18. 
    , V8 Q5 w5 O- O% ~0 F
19. 
    
20. /**
    + Q/ F% Y. t+ t- o7 \9 r* N
21. * 2.页面存活时间
    
22. * 使用方式 直接调用 aliveCheck()
    
23. *      每隔1s向你的追踪器发送一条数据：更新你的event
    
24. *      1.trackHost 指向你的追踪器，
    
25. *      2.修改 event3 为你自己的event
    ; g8 J. n% H/ b, G' n% l  ^
26. *      4.追踪器上 event3 = 页面存活时间
    : U/ B2 F* V( P8 R% o: L
27. *
    
28. * 数据说明：
    # v9 }4 a3 q1 h' o& U6 ]$ a& A
29. *  1.时间为0
    
30. *         1.jsSuportCheck = 支持的 说明用户在1s呢关闭了页面，疑似高级爬虫(支持js的爬虫 如PhantomJS、NightmareJS 等无头)
    . c8 \, F: A0 G' ?6 ~
31. *         2.jsSuportCheck = 不支持的 参考jsSuportCheck
    * _; c# ?  g8 ]! l. f& g' T
32. *  2.时间不为0
      _) N, ?/ b  C, R& ?
33. *         1.时间很长的：页面打开了，没人管，，这个不好说，我觉得不正常
    5 F. o5 h& Y- I- b+ J$ o
34. *         2.时间长短不一的，人类操作概率较大，若普遍存活时间短的，可以考虑LP有问题
      V. {! n1 D9 W7 g& X8 h+ b
35. *         3.存活时间还行，LP ctr也还行，说明 LP还可以
    
36. *
    
37. */
    % ]' F! J3 a$ D: Q; u0 Q3 y/ L
38. 
    1 s. C' D  l5 A- I
39. var times = 0;
    * y8 @% i( F3 D/ s7 N
40. function aliveCheck() {
    
41.     setInterval("checklive()","1000");
    / h1 Q. i; Q$ l) J# p
42. }
    - w* ]4 Y/ D: L& x8 ^) s& h
43. function checklive() {
    
44.     times += 1;
    $ t6 d, v# z9 Y1 x0 p
45.     var o = document.createElement("img");
    $ c1 `6 z( e& P0 b+ i# T
46.     o.style.display = "none";
    
47.     o.src = trackHost + "?event3=" + times;
    ' |" h2 z& m$ o/ \% e
48. }
    
49. 
    
50. 
    % W) q0 ]" v. R% `
51. /**
    
52. * 谷歌验证
    - h1 Q6 B- x: Q% I( Y
53. * 个人觉得有前边的已经差不多了，所以这个已经没在用了，有需要的自己取
    & Y$ b& x$ f6 a( s
54. *
    ! w' L) ]. f% `
55. * 需要自己编码一个后端服务，用于同谷歌服务器通讯，返回score
    
56. */
    
57. //申请的grecaptcha前端token
    . w% Z) i$ \/ B! N' m$ _
58. var token = "";
    
59. //你的grecaptcha后端服务器地址
    
60. var grecaptchaPostServer = "";
    ; e# z( ^( ]% x3 u7 ]2 o
61. function recaptcha() {
    
62.     grecaptcha.ready(function() {
    
63.         grecaptcha.execute(token).then(function(token) {
    
64.             var ip = decodeURI((RegExp('ip' + "=(.+?)(&|$)").exec(location.search) || [, null])[1] || "");
    / v7 [$ f6 U7 P1 a
65.             var o = document.createElement("img");
    5 u& X% g7 s2 A5 H+ V) Y9 g
66.             o.style.display = "none";
    
67.             $.ajax({
    " J' b3 _; U6 ?( s1 {( C" O, W& O
68.                 url: grecaptchaPostServer,
    
69.                 type: 'POST',
    
70.                 data: {"token":token,"ip":ip},
    ( t' r9 b3 w5 J( ?
71.                 success: function(data) {
      p5 N0 O) V$ d' i& |6 N
72.                     if(data.score > 0.4){
    6 \  e8 Y# ?# t8 V! R2 Y
73.                         score = 1;
    
74.                     }else{
    
75.                         score = 0;
      q5 Z5 Y% Z6 r( g) o9 X
76.                     }
    
77.                     o.src = trackHost + '?event2='+score;
    
78.                     document.body.append(o)
    
79.                 }
    * F( F' V: o1 c; c
80.             });
    , x0 m8 f' ^8 H4 d3 j9 u% S8 w
81. 
    
82.         });
    ' A+ \4 I8 [0 e6 q. Q* ~: g' l8 \
83.     });
    
84. }

复制代码

7 T4 e2 b; Z* E% }! P' C, i
7 E! \# l' d8 x校验都十分基础和简单，各位新上路的小伙伴们看需要自取即可
6 A* l; Y" n+ H9 C' `8 `* Y
; l$ Q: G7 o' h
4 w% {' H% Y. ?9 e# L/ B( ~* S

/ W- e9 I4 s5 G$ G
# t3 O" p3 d, C4 H, q4 t
% C* @0 C! k. u1 E( h

forestchu

非常 的给力.感谢哈

All

感谢分享

yang。

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

1. var times = 0;
   
2. function aliveCheck() {
   
3.     setInterval("checklive()","1000");
   
4. }

复制代码

4 s7 U: Z/ v4 h1 _: L, ]修改为：

1. var times = 0;
   
2. function aliveCheck() {
   ) G" [/ p: {" M  l# X1 X8 p% U( b
3. //请求频率从1s提高到5s一次，，5000是毫秒 = 5s
   
4.     setInterval("checklive()","5000");
   # {9 m% o2 R/ y1 U+ a) }
5. }

复制代码

追踪器压力明显降低。。。。
3 ?) J/ @: Y6 ]$ Y
3 N# S3 n3 B( x! e4 y2 n- Q这个看各位的需要，如果是高富帅顶配服务器当我没说，，，但这个统计存留时长的，1s一次的确有点过分细化了，，，，各位可以按照自己的经验调整统计频率

tonychopper

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

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

yang。

tonychopper 发表于 2021-9-13 19:41
! P9 r6 N1 H: s3 k4 g/ m+ f3 n虽然看不懂但是感觉很厉害云追踪器可以用吗，前端技术为0，问下这个是js 放在lp上的吗？ ...

1 ~4 H5 }2 y: ^; l! E5 }. v5 ~1 N追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
这个就是js代码，直接放在LP里 但是记得要调用！！！！！

pitch

yang。 发表于 2021-9-14 10:16
追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
" T' V3 S: B# R  {( x. Y这个就是js ...

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

gresh

厉害了！

yang。

pitch 发表于 2022-1-8 20:22
  d1 J6 ?) c( f# O7 k7 G6 s老哥能说明白点吗？在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.