简单前端JS校验脚本分享

yang。

  F! F7 k5 j- n; ?7 g+ }2 Y
开个头-------------持续亏钱ing。。。。

9 m3 ]. |0 p9 D& a) Q' A5 {; W
+ L* W: [2 e5 l1 [8 I5 q这两日有小伙伴觉得我加的一些前端验证有点用，遂求分享代码，这里也整理了一下发出来。
0 s4 g- G8 N$ c; ~$ i
; s+ A' o4 M5 b3 s% Q( j基本效果么 可以查看这篇帖子
https://www.advertcn.com/thread-99669-1-1.html

& X. L4 [# Y2 B6 h9 a! A# o4 }
$ `7 k4 E1 M. J3 D但是要强调下：脚本永远只能作为参考和辅助，
0 a3 b( t# j( |& Q& F
5 h7 W' H7 A0 p$ h3 `) N, u' k! e4 z

1. //your track host
   
2. var trackHost = "";
   $ \# x+ k$ [$ E, n
3. 
   
4. /**
   
5. * 1.校验浏览器是否支持js，可以作为垃圾爬虫得基础校验方式之一
   , M" G. ^4 \! Q+ U( H8 i2 ^1 |
6. * 使用方式  直接调用jsSuportCheck()
   * W  }. b1 E6 a( _
7. *      1.trackHost 指向你的追踪器，
   
8. *      2.修改 event1 为你自己的event
   
9. *      3.追踪器上  click-event1 = 不支持js浏览器数量(个人认为是刷子爬虫之类的)
   
10. *      4.追踪器上  event1 = 支持js浏览器数量
    
11. */
    4 N$ m5 n* P  o; o3 {0 R
12. function jsSuportCheck() {
    9 s& E" ~7 ^, x# B+ S; I
13.     var o = document.createElement("img");
    - b) D1 m+ |5 S/ ~3 h
14.     o.style.display = "none";
    
15.     o.src= trackHost + '?event1=1';
    
16.     document.body.appendChild(o)
    
17. }
    
18. 
    
19. 
    ( `+ o+ Z3 D5 X
20. /**
    
21. * 2.页面存活时间
    
22. * 使用方式 直接调用 aliveCheck()
    
23. *      每隔1s向你的追踪器发送一条数据：更新你的event
    % A; L9 @, k2 P
24. *      1.trackHost 指向你的追踪器，
    # H1 @( x; T, J- D, u$ L
25. *      2.修改 event3 为你自己的event
    
26. *      4.追踪器上 event3 = 页面存活时间
    
27. *
    " Z) D% a  ~9 P$ \& A0 G3 \# s7 o
28. * 数据说明：
    , [( I% V+ s; k0 i; @
29. *  1.时间为0
    
30. *         1.jsSuportCheck = 支持的 说明用户在1s呢关闭了页面，疑似高级爬虫(支持js的爬虫 如PhantomJS、NightmareJS 等无头)
    
31. *         2.jsSuportCheck = 不支持的 参考jsSuportCheck
    
32. *  2.时间不为0
    & t: `+ r, U/ j1 Z% G
33. *         1.时间很长的：页面打开了，没人管，，这个不好说，我觉得不正常
    - Y7 P' h- b. e$ a! ~
34. *         2.时间长短不一的，人类操作概率较大，若普遍存活时间短的，可以考虑LP有问题
    
35. *         3.存活时间还行，LP ctr也还行，说明 LP还可以
    ' I, P& F. Y! L$ [+ x- ?
36. *
    
37. */
    ( Y; y6 E7 x  [5 o, V- |# }
38. 
    0 a, l& p! g2 ]- D( _
39. var times = 0;
    . D" ]# P: S$ A! m( A; P# M3 e
40. function aliveCheck() {
    
41.     setInterval("checklive()","1000");
      ?* B( p& D: d8 `8 S5 h/ H/ b
42. }
    8 C8 I( h8 K, }  b
43. function checklive() {
    
44.     times += 1;
    
45.     var o = document.createElement("img");
    4 t; f+ U; O. `' E) Q/ a8 p& I
46.     o.style.display = "none";
    
47.     o.src = trackHost + "?event3=" + times;
    # Z2 A: e" q& |/ D
48. }
    " t% d, D  c9 |: Y' h# |
49. 
    4 `5 [7 s/ ~% ~+ B5 y  \
50. 
    : F! u1 B. o; Z+ T
51. /**
    
52. * 谷歌验证
    
53. * 个人觉得有前边的已经差不多了，所以这个已经没在用了，有需要的自己取
    : ~' j3 X* n% V
54. *
    
55. * 需要自己编码一个后端服务，用于同谷歌服务器通讯，返回score
    
56. */
    ( C3 P7 _; U  w) x6 L8 t7 O2 i
57. //申请的grecaptcha前端token
    
58. var token = "";
    
59. //你的grecaptcha后端服务器地址
    
60. var grecaptchaPostServer = "";
    % a' g- Y3 Z7 ~. d: x
61. function recaptcha() {
    : V( K" }# [- U
62.     grecaptcha.ready(function() {
    # [. @2 e9 q1 f
63.         grecaptcha.execute(token).then(function(token) {
    
64.             var ip = decodeURI((RegExp('ip' + "=(.+?)(&|$)").exec(location.search) || [, null])[1] || "");
    / N" ]4 [! t1 z* c! y3 i. s
65.             var o = document.createElement("img");
    5 N7 ~) p9 n; ^* O: u0 v) G% n
66.             o.style.display = "none";
    
67.             $.ajax({
    
68.                 url: grecaptchaPostServer,
    ( e0 u# J' q" `# p/ A" C
69.                 type: 'POST',
    
70.                 data: {"token":token,"ip":ip},
    
71.                 success: function(data) {
    
72.                     if(data.score > 0.4){
    
73.                         score = 1;
    0 a7 F& T, T) t. k0 ?2 _  _1 M; S+ j
74.                     }else{
    
75.                         score = 0;
    
76.                     }
    3 B3 i3 L, H3 C$ s' j; S& h
77.                     o.src = trackHost + '?event2='+score;
    3 j" _( a; D2 r6 T
78.                     document.body.append(o)
    2 R) t5 `+ S2 O' T5 A
79.                 }
    
80.             });
    ; ?7 h" _5 U0 U. e6 }
81. 
    
82.         });
    3 |: y+ \9 t# D# E% D) X! l
83.     });
    
84. }

复制代码

0 E/ z" N, G: H, ]' h( p
" a0 O9 W& O: \5 Z7 s% W
校验都十分基础和简单，各位新上路的小伙伴们看需要自取即可
% p/ i6 ^0 N4 l
, P& q  D( a4 ^, v) f

/ J5 R, N  u/ A
: b" `8 \! R+ q  X: N( x

& g, M$ B0 l# A$ A* j8 e5 Y4 x

forestchu

非常 的给力.感谢哈

All

感谢分享

yang。

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

1. var times = 0;
   
2. function aliveCheck() {
   7 S% S- D4 |* S) l  \: n# v
3.     setInterval("checklive()","1000");
   9 F+ h& L0 C5 c, ~" x
4. }

复制代码

修改为：
, J3 o" s1 J* @) o) U6 V6 b

1. var times = 0;
   
2. function aliveCheck() {
   7 B# f- G1 Z( A1 u& {& G
3. //请求频率从1s提高到5s一次，，5000是毫秒 = 5s
   
4.     setInterval("checklive()","5000");
   % Z- s+ e+ ?# M' f/ b* r
5. }

复制代码

, b/ i" A  ^# A7 z追踪器压力明显降低。。。。
' G" X  n! Q+ R6 T
这个看各位的需要，如果是高富帅顶配服务器当我没说，，，但这个统计存留时长的，1s一次的确有点过分细化了，，，，各位可以按照自己的经验调整统计频率

tonychopper

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

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

yang。

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

追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
5 ]( W2 V/ d' m2 ^8 |/ ^) u& i" C这个就是js代码，直接放在LP里 但是记得要调用！！！！！

pitch

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

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

gresh

厉害了！

yang。

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

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

pitch

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

谢谢回复，已经用上了

wr406531195

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