简单前端JS校验脚本分享

yang。

% q/ m- B: i. r6 D; c1 a
: |2 ~1 H; g0 C8 C# W& v2 p2 s开个头-------------持续亏钱ing。。。。


$ r' ~  n, R( A" N1 J. \4 `这两日有小伙伴觉得我加的一些前端验证有点用，遂求分享代码，这里也整理了一下发出来。

基本效果么 可以查看这篇帖子
4 B: q' {6 y& ^https://www.advertcn.com/thread-99669-1-1.html
* |5 S7 ]& W3 c# }1 m+ H- ^2 C  ~
8 ^& M' j+ j' c
2 a$ v4 z, K5 K/ b0 }! z5 i5 @7 }4 ^但是要强调下：脚本永远只能作为参考和辅助，
7 U, p- i( t! E  M( K+ N: Q

1. //your track host
   
2. var trackHost = "";
   - T$ f/ A2 \( c6 h7 [, k* s
3. 
   
4. /**
   
5. * 1.校验浏览器是否支持js，可以作为垃圾爬虫得基础校验方式之一
   
6. * 使用方式  直接调用jsSuportCheck()
   
7. *      1.trackHost 指向你的追踪器，
   
8. *      2.修改 event1 为你自己的event
   ! K5 M+ U7 Q6 s* \  H: q+ P! i4 M
9. *      3.追踪器上  click-event1 = 不支持js浏览器数量(个人认为是刷子爬虫之类的)
   
10. *      4.追踪器上  event1 = 支持js浏览器数量
    , I! V0 l5 G1 @- O$ {. P
11. */
    , V9 f( m' A5 M
12. function jsSuportCheck() {
    
13.     var o = document.createElement("img");
    
14.     o.style.display = "none";
    * `1 t. Q- X& ]- T( o( o; h
15.     o.src= trackHost + '?event1=1';
    " j4 i# T* l+ g
16.     document.body.appendChild(o)
    - p/ a: w, _2 M0 H: z
17. }
    
18. 
    0 Z9 `/ b) I: v2 o" a* C9 d
19. 
    * C% e/ v; V7 Z( }
20. /**
    " {$ X$ G) N. V0 ^2 ]" g$ T
21. * 2.页面存活时间
    - q8 G: f; B  _5 U
22. * 使用方式 直接调用 aliveCheck()
    & C* A* M1 Z  |2 M
23. *      每隔1s向你的追踪器发送一条数据：更新你的event
    , u  Q' I' c. ]$ S3 G% G
24. *      1.trackHost 指向你的追踪器，
    
25. *      2.修改 event3 为你自己的event
    , I6 b2 x3 \# _2 P+ y
26. *      4.追踪器上 event3 = 页面存活时间
    + m" K) [9 z8 @( h
27. *
    
28. * 数据说明：
    # A  r& s: Y' `* }! Q
29. *  1.时间为0
    
30. *         1.jsSuportCheck = 支持的 说明用户在1s呢关闭了页面，疑似高级爬虫(支持js的爬虫 如PhantomJS、NightmareJS 等无头)
    
31. *         2.jsSuportCheck = 不支持的 参考jsSuportCheck
    
32. *  2.时间不为0
    
33. *         1.时间很长的：页面打开了，没人管，，这个不好说，我觉得不正常
    : Q# i2 R+ R* J# t% F
34. *         2.时间长短不一的，人类操作概率较大，若普遍存活时间短的，可以考虑LP有问题
    
35. *         3.存活时间还行，LP ctr也还行，说明 LP还可以
    
36. *
    % G3 Z* _" Z* `0 B- w0 N6 c
37. */
    
38. 
      W# p8 V7 i8 \
39. var times = 0;
    ; J8 K# s/ `$ n; w/ M7 T
40. function aliveCheck() {
    7 w/ K) I2 {+ V6 y; n* J1 ?
41.     setInterval("checklive()","1000");
    3 P6 s! E4 [2 m
42. }
    9 p+ J* t! Z8 Z0 q* c
43. function checklive() {
    
44.     times += 1;
    
45.     var o = document.createElement("img");
    ! d1 @! k, j! V9 y4 e: N
46.     o.style.display = "none";
    
47.     o.src = trackHost + "?event3=" + times;
    
48. }
    5 l, I) N4 M9 {8 G/ [: j; e
49. 
    # P& K* H3 y. ], u
50. 
    
51. /**
    9 }' T, x7 N: a9 r# L6 q
52. * 谷歌验证
    $ z' }7 Z& S( h( a) @
53. * 个人觉得有前边的已经差不多了，所以这个已经没在用了，有需要的自己取
    
54. *
    
55. * 需要自己编码一个后端服务，用于同谷歌服务器通讯，返回score
    
56. */
    
57. //申请的grecaptcha前端token
    
58. var token = "";
    
59. //你的grecaptcha后端服务器地址
    % r$ l, q) u- A9 d
60. var grecaptchaPostServer = "";
    
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] || "");
    ' l; @* }( d" x, I9 ?" L9 S2 E
65.             var o = document.createElement("img");
    0 e9 y3 V! m( ^
66.             o.style.display = "none";
    ! Q. _6 q7 r! w/ J+ _# P3 z) ~9 s
67.             $.ajax({
    
68.                 url: grecaptchaPostServer,
    ; V4 r& o. H8 y1 e" R6 I' E# X. Q
69.                 type: 'POST',
    6 B/ Q2 h' u( g% p7 N: W
70.                 data: {"token":token,"ip":ip},
    5 O* U+ u# a% d" I. ?7 g8 J, u
71.                 success: function(data) {
    
72.                     if(data.score > 0.4){
      b# |+ i: @  D4 T- f; I
73.                         score = 1;
    2 n6 J" G, Z6 B* [
74.                     }else{
    
75.                         score = 0;
    
76.                     }
    
77.                     o.src = trackHost + '?event2='+score;
    . Q4 P6 B! P- O; e" }' _
78.                     document.body.append(o)
    $ C7 e, M( B/ B* y. X- F% o4 A
79.                 }
    
80.             });
    ( `/ x7 l* \* n" x5 U6 H
81. 
    
82.         });
    # s6 @1 n! M& k, P# `3 O
83.     });
    
84. }

复制代码

9 N6 i9 L( }* V
3 P; S7 ~; D+ U- z  B9 }
校验都十分基础和简单，各位新上路的小伙伴们看需要自取即可

: {1 j/ w8 k- }, [


/ P( {% _0 Y8 t
5 ~& e9 C( {& `. }6 g! b
1 A$ I* t7 d# \

forestchu

非常 的给力.感谢哈

All

感谢分享

yang。

补充下：
; [' H- H5 a" G% R' b3 f: L今天同时跑几个campaign，发现追踪器负荷有点高，查看lp页面的时候发现页面时长统计的请求会502，应该是数据量大，加上这个请求太过频繁导致，遂将

1. var times = 0;
     b2 I5 v# `+ S7 |' G' S) w- u
2. function aliveCheck() {
   
3.     setInterval("checklive()","1000");
   
4. }

复制代码

修改为：

1. var times = 0;
   
2. function aliveCheck() {
   
3. //请求频率从1s提高到5s一次，，5000是毫秒 = 5s
   
4.     setInterval("checklive()","5000");
   ! ?+ x' I# v% E5 {' |2 I
5. }

复制代码

追踪器压力明显降低。。。。
, y: F9 K  U) z5 a. x. @
3 L( u; Z5 E1 L这个看各位的需要，如果是高富帅顶配服务器当我没说，，，但这个统计存留时长的，1s一次的确有点过分细化了，，，，各位可以按照自己的经验调整统计频率

tonychopper

yang。 发表于 2021-9-11 22:20
, }% P- v# ?& q8 L# S. y1 l补充下：
! U% B$ w& A% x! ?. n6 n. J- k9 q今天同时跑几个campaign，发现追踪器负荷有点高，查看lp页面的时候发现页面时长统计的请求会502， ...

  D' ^, C" K( G+ S' a- |3 W* l虽然看不懂但是感觉很厉害云追踪器可以用吗，前端技术为0，问下这个是js 放在lp上的吗？

yang。

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

追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
这个就是js代码，直接放在LP里 但是记得要调用！！！！！

pitch

yang。 发表于 2021-9-14 10:16
! u3 [# W  L3 ]& w追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
8 T, g3 t% e# `& c这个就是js ...

5 ?3 ?; ?" {5 K# k) H老哥能说明白点吗？在LP哪个位置调用、怎么调用

gresh

厉害了！

yang。

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

; D. n. i, m* R! v/ }6 X) W% M放在头部head标签中，用script标签包裹，或者放在最下边，body内，script包裹，调用注释里有

pitch

yang。 发表于 2022-1-11 15:56
3 {2 C# x3 C$ [+ r放在头部head标签中，用script标签包裹，或者放在最下边，body内，script包裹，调用注释里有 ...

谢谢回复，已经用上了

wr406531195

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