简单前端JS校验脚本分享

yang。

5 e4 `0 q2 F  o1 m3 z: G% F开个头-------------持续亏钱ing。。。。
; \, J7 t5 n6 i6 p; y& M2 ^2 }

" e3 r1 {' p( _9 w1 [这两日有小伙伴觉得我加的一些前端验证有点用，遂求分享代码，这里也整理了一下发出来。
" ~% q( e$ q! o4 s+ A9 m' J
基本效果么 可以查看这篇帖子
https://www.advertcn.com/thread-99669-1-1.html
0 z) L& X/ g" p

8 O( r% e* d9 R+ w  \* n但是要强调下：脚本永远只能作为参考和辅助，
) u3 u/ v" F0 g2 K1 d" }* G

1. //your track host
   9 B- g+ f6 i* F, J0 w- O
2. var trackHost = "";
   
3. 
   9 N. [% v! b. k' d% S
4. /**
   
5. * 1.校验浏览器是否支持js，可以作为垃圾爬虫得基础校验方式之一
   
6. * 使用方式  直接调用jsSuportCheck()
   9 S1 Q! `' f( T) F( S
7. *      1.trackHost 指向你的追踪器，
   
8. *      2.修改 event1 为你自己的event
   , R6 ^8 Z# A# s, v! Y# [
9. *      3.追踪器上  click-event1 = 不支持js浏览器数量(个人认为是刷子爬虫之类的)
   
10. *      4.追踪器上  event1 = 支持js浏览器数量
    
11. */
    $ U5 _9 b2 F! Q
12. function jsSuportCheck() {
    ! g- ]8 h% I" Q0 U" ]! |, |0 r$ L
13.     var o = document.createElement("img");
    5 D6 J# @9 U( P0 U: z# O& r
14.     o.style.display = "none";
    ; d, g+ C# B+ U5 b$ W4 H# x- J! c
15.     o.src= trackHost + '?event1=1';
    5 @+ L9 p& S9 e! @# g4 Q6 ]
16.     document.body.appendChild(o)
    4 j& c: e% Z8 n: C6 j8 H
17. }
    
18. 
    
19. 
    / r& `9 g  u1 ~, U# g! [3 z. k
20. /**
    ; n0 L0 d5 p8 e0 K- j. ]! t
21. * 2.页面存活时间
    5 z: ~8 I& g, t) O! @. v
22. * 使用方式 直接调用 aliveCheck()
    3 ^/ m" c" U- d/ u
23. *      每隔1s向你的追踪器发送一条数据：更新你的event
    5 ~, w* T/ d; A  f/ @
24. *      1.trackHost 指向你的追踪器，
    
25. *      2.修改 event3 为你自己的event
    
26. *      4.追踪器上 event3 = 页面存活时间
    % g, w8 d. S/ X! ]$ t  g$ s5 h  j
27. *
      K5 m. \$ M  {9 B! p# T+ z$ K
28. * 数据说明：
    
29. *  1.时间为0
    9 M. X8 M7 }( B7 X9 r' F
30. *         1.jsSuportCheck = 支持的 说明用户在1s呢关闭了页面，疑似高级爬虫(支持js的爬虫 如PhantomJS、NightmareJS 等无头)
    
31. *         2.jsSuportCheck = 不支持的 参考jsSuportCheck
    
32. *  2.时间不为0
    
33. *         1.时间很长的：页面打开了，没人管，，这个不好说，我觉得不正常
    
34. *         2.时间长短不一的，人类操作概率较大，若普遍存活时间短的，可以考虑LP有问题
    
35. *         3.存活时间还行，LP ctr也还行，说明 LP还可以
    ' l- T* Y2 w6 W! {
36. *
    ' ~" K/ K& }# b1 n+ @$ c6 |6 ^
37. */
    ' ?- ^$ O2 f) B/ I' Q& i. q& A0 t  K
38. 
    
39. var times = 0;
    ( o0 C. j7 N4 v, K
40. function aliveCheck() {
    6 ^- x* k& h% s7 D& r
41.     setInterval("checklive()","1000");
    
42. }
    
43. function checklive() {
    
44.     times += 1;
    6 c( i1 w" h5 ~& Q+ e8 P  j# k
45.     var o = document.createElement("img");
    
46.     o.style.display = "none";
    
47.     o.src = trackHost + "?event3=" + times;
    7 @2 t4 ?& I6 S$ O( J; l
48. }
    % |+ l7 z( X) J$ A
49. 
    4 ^" n# I6 K" H+ X, C+ d* D; V
50. 
    
51. /**
    
52. * 谷歌验证
    8 a$ \% V5 S" T  g8 y; [
53. * 个人觉得有前边的已经差不多了，所以这个已经没在用了，有需要的自己取
    
54. *
    * J4 e2 e1 Q0 W* N
55. * 需要自己编码一个后端服务，用于同谷歌服务器通讯，返回score
    
56. */
    
57. //申请的grecaptcha前端token
    
58. var token = "";
    
59. //你的grecaptcha后端服务器地址
    
60. var grecaptchaPostServer = "";
    
61. function recaptcha() {
    
62.     grecaptcha.ready(function() {
    . g& r4 s% J" W# f
63.         grecaptcha.execute(token).then(function(token) {
      s# p! \, ~8 c& D% J. y" P
64.             var ip = decodeURI((RegExp('ip' + "=(.+?)(&|$)").exec(location.search) || [, null])[1] || "");
    5 F" q/ I' f. D, Z6 f$ `' d
65.             var o = document.createElement("img");
    
66.             o.style.display = "none";
    $ p7 W7 Z5 E4 u
67.             $.ajax({
    , o# ^# W+ ]8 m
68.                 url: grecaptchaPostServer,
    
69.                 type: 'POST',
    
70.                 data: {"token":token,"ip":ip},
    * |1 M# S  i- ]9 X1 Q+ ]
71.                 success: function(data) {
    $ U3 w( P7 d0 m; @' T! l
72.                     if(data.score > 0.4){
    9 [" ?$ G& D: x" z+ o, u7 ?# {
73.                         score = 1;
    
74.                     }else{
    1 ?7 i2 H+ b; N0 O! w; u1 y
75.                         score = 0;
    
76.                     }
    
77.                     o.src = trackHost + '?event2='+score;
    - m8 I% C+ q! e, q. S7 g' ~- g
78.                     document.body.append(o)
    0 v" _' ^% ~/ M# u& a8 w. }
79.                 }
    
80.             });
    & a: r9 Y5 r; y
81. 
    8 Y# X* C$ I  Q, i# S" Z  F1 I
82.         });
    : G  J4 g# i6 b6 m
83.     });
    4 ^4 x" u( e' l. S9 D! g/ L
84. }

复制代码

, {/ Y/ H$ d3 L/ M3 A4 U. s校验都十分基础和简单，各位新上路的小伙伴们看需要自取即可
- M5 [" Q) l7 q6 h) N, W7 Q

: ]" k2 i/ _. f& E

4 \& j! a) v3 x
/ g& z+ E- _* Y
- x( D& N6 v3 x

forestchu

非常 的给力.感谢哈

All

感谢分享

yang。

补充下：
今天同时跑几个campaign，发现追踪器负荷有点高，查看lp页面的时候发现页面时长统计的请求会502，应该是数据量大，加上这个请求太过频繁导致，遂将
1 }  ?/ [+ u( I; q; g: w

1. var times = 0;
   
2. function aliveCheck() {
   ' _: k: b8 X" b1 `
3.     setInterval("checklive()","1000");
   / z; [2 \1 z9 Z( U1 v
4. }

复制代码

. b9 [5 O/ j' N& T: i' Q- G! k修改为：

1. var times = 0;
   $ U: x; y5 t5 V( O
2. function aliveCheck() {
   
3. //请求频率从1s提高到5s一次，，5000是毫秒 = 5s
   ; |/ \4 m  ~! Q2 T' a" W% l* \9 h; p
4.     setInterval("checklive()","5000");
   
5. }

复制代码

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

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

tonychopper

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

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

yang。

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

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

pitch

yang。 发表于 2021-9-14 10:16
, r' i0 K- w& J$ Z; F追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
这个就是js ...

: F  y- |- P/ m/ {老哥能说明白点吗？在LP哪个位置调用、怎么调用

gresh

厉害了！

yang。

pitch 发表于 2022-1-8 20:22
9 l. W/ |! O8 ^2 M老哥能说明白点吗？在LP哪个位置调用、怎么调用

# H6 ^5 m3 _' N8 q! `放在头部head标签中，用script标签包裹，或者放在最下边，body内，script包裹，调用注释里有

pitch

yang。 发表于 2022-1-11 15:56
; ~0 S/ @2 a. m" {1 G放在头部head标签中，用script标签包裹，或者放在最下边，body内，script包裹，调用注释里有 ...

谢谢回复，已经用上了

wr406531195

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