简单前端JS校验脚本分享

yang。

开个头-------------持续亏钱ing。。。。


7 M1 u8 u$ ^) X6 ]/ |这两日有小伙伴觉得我加的一些前端验证有点用，遂求分享代码，这里也整理了一下发出来。
( N" T% B' p/ o# \7 `& k( }
. o/ ~8 B: Q* E, T1 O. q- T6 ]5 G基本效果么 可以查看这篇帖子
https://www.advertcn.com/thread-99669-1-1.html


但是要强调下：脚本永远只能作为参考和辅助，
# A! U+ z8 c  `- l6 h0 W

1. //your track host
   ( h- K+ p+ N- k1 H$ U
2. var trackHost = "";
   
3. 
   ) n* p, s6 M+ n, L! X3 |% _. W6 `
4. /**
   * o7 d3 L! ?9 r% b, s7 m) O
5. * 1.校验浏览器是否支持js，可以作为垃圾爬虫得基础校验方式之一
   
6. * 使用方式  直接调用jsSuportCheck()
   
7. *      1.trackHost 指向你的追踪器，
   
8. *      2.修改 event1 为你自己的event
   : P5 f* t" O% n, ]2 C& Y6 h
9. *      3.追踪器上  click-event1 = 不支持js浏览器数量(个人认为是刷子爬虫之类的)
   
10. *      4.追踪器上  event1 = 支持js浏览器数量
    1 l8 Y# D" q7 b1 g
11. */
    * W9 y8 a% D0 ^+ e2 k8 L# A) R! H. O
12. function jsSuportCheck() {
    , B6 V7 h- q, S2 d6 U& L
13.     var o = document.createElement("img");
    
14.     o.style.display = "none";
    
15.     o.src= trackHost + '?event1=1';
    ! N# F/ v4 f1 ^5 S4 H" F
16.     document.body.appendChild(o)
    9 Z  h& l1 D0 M
17. }
    
18. 
    . r( e0 k- _% D" S
19. 
    , {+ z3 L0 e/ X2 \, l5 [0 [4 H5 R: x
20. /**
    * T! R: \$ n* V; @+ a
21. * 2.页面存活时间
    - r. V& F" e$ s" w4 x
22. * 使用方式 直接调用 aliveCheck()
    
23. *      每隔1s向你的追踪器发送一条数据：更新你的event
    
24. *      1.trackHost 指向你的追踪器，
    
25. *      2.修改 event3 为你自己的event
    ) `/ a, ~& c9 ]
26. *      4.追踪器上 event3 = 页面存活时间
    
27. *
    
28. * 数据说明：
    $ I( Z5 e+ V9 x! Q  d1 o
29. *  1.时间为0
    8 b1 n6 [$ d7 ^0 F& r+ C
30. *         1.jsSuportCheck = 支持的 说明用户在1s呢关闭了页面，疑似高级爬虫(支持js的爬虫 如PhantomJS、NightmareJS 等无头)
    - c% @/ E9 T8 M! _$ w
31. *         2.jsSuportCheck = 不支持的 参考jsSuportCheck
    & e+ m  I* `2 ]( l% g0 q8 ~
32. *  2.时间不为0
    * H0 e5 J* v  R9 Y: E- p
33. *         1.时间很长的：页面打开了，没人管，，这个不好说，我觉得不正常
    . m+ A/ C. V% S7 U6 y7 v
34. *         2.时间长短不一的，人类操作概率较大，若普遍存活时间短的，可以考虑LP有问题
    / Q4 f' p9 R" A) G
35. *         3.存活时间还行，LP ctr也还行，说明 LP还可以
    # d% }8 Z3 |0 z6 ?8 {! E
36. *
    2 H: q! P' k' f! M. _9 |
37. */
    " t: S, d3 p8 a! g9 F5 D
38. 
    
39. var times = 0;
    1 }% g' i) [0 E) ~* H8 s" b3 o" Y
40. function aliveCheck() {
    0 R" N/ t- I! m+ h& B
41.     setInterval("checklive()","1000");
    / K: W+ Z6 J7 {" M) y
42. }
    6 [+ W: x* P, C/ I" V$ W
43. function checklive() {
    7 m! h. b6 L- w7 k" R9 ~8 U: r' G
44.     times += 1;
      B# B6 @9 k$ e5 J
45.     var o = document.createElement("img");
    
46.     o.style.display = "none";
    8 X8 c0 D4 _6 Q5 F; Y
47.     o.src = trackHost + "?event3=" + times;
    
48. }
    - m8 a2 f, Y* v
49. 
    
50. 
    
51. /**
    3 E/ d; {& [, t
52. * 谷歌验证
    
53. * 个人觉得有前边的已经差不多了，所以这个已经没在用了，有需要的自己取
    
54. *
    # F2 v, T& m; |" ]# \
55. * 需要自己编码一个后端服务，用于同谷歌服务器通讯，返回score
    
56. */
    7 u  B" }* [8 A" U9 \& q
57. //申请的grecaptcha前端token
    " ?4 V- P; R5 m' k) x6 z$ _9 v
58. var token = "";
    
59. //你的grecaptcha后端服务器地址
    ! c( G$ S0 ?, v) W! L9 m5 Y6 F7 E
60. var grecaptchaPostServer = "";
    
61. function recaptcha() {
    % b# F; R' D8 y; |; I. b, F8 l
62.     grecaptcha.ready(function() {
      Q. x, L/ N8 ]) ^* b- w2 i
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,
    
69.                 type: 'POST',
      O! q& X3 G/ Z) l( F3 a/ _  m
70.                 data: {"token":token,"ip":ip},
    ; m! ~& P- D3 F
71.                 success: function(data) {
    
72.                     if(data.score > 0.4){
    ; n1 `8 r, q5 X
73.                         score = 1;
    4 A* d4 k! r: M* N
74.                     }else{
    
75.                         score = 0;
    ( g( ~4 ^! E+ ^$ }$ n7 e1 f
76.                     }
    
77.                     o.src = trackHost + '?event2='+score;
    # L3 l9 G: R! u7 ?
78.                     document.body.append(o)
    + G4 H5 Q' Q; O' }4 u& {! O
79.                 }
    
80.             });
    ! l5 ~# j" z7 Z& Y) q
81. 
    6 D* ^8 S( {( i. c
82.         });
    # m' g6 o  T, ~2 q+ g7 [
83.     });
    3 m! h! [3 h3 `) n. ]/ w
84. }

复制代码

1 [2 j# Y) |8 s
! s: n$ l& @1 X& D
; a. y7 s5 t8 s' ]2 p; m2 ~( B, l校验都十分基础和简单，各位新上路的小伙伴们看需要自取即可
& C/ U1 s9 B8 _  g



9 R, N  S, P) r, G' `& |

. h% x$ u8 m) q2 @. o- j* @

forestchu

非常 的给力.感谢哈

All

感谢分享

yang。

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

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

复制代码

修改为：
" o; H% ^/ D1 x9 t" _, S/ ^

1. var times = 0;
   " a3 Z# b1 Z7 I
2. function aliveCheck() {
   
3. //请求频率从1s提高到5s一次，，5000是毫秒 = 5s
   
4.     setInterval("checklive()","5000");
   
5. }

复制代码

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

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

tonychopper

yang。 发表于 2021-9-11 22:20
4 C3 {" W1 X% j  h/ Z3 i% n补充下：
今天同时跑几个campaign，发现追踪器负荷有点高，查看lp页面的时候发现页面时长统计的请求会502， ...

; |' }  ?* p6 [9 w! R# N9 j* b! W虽然看不懂但是感觉很厉害云追踪器可以用吗，前端技术为0，问下这个是js 放在lp上的吗？

yang。

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

& p0 S9 F, ?# K5 z9 ?追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
& S  p3 D8 G2 p' X- }这个就是js代码，直接放在LP里 但是记得要调用！！！！！

pitch

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

+ X! Y' U8 i' J3 M1 {5 O老哥能说明白点吗？在LP哪个位置调用、怎么调用

gresh

厉害了！

yang。

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

8 S+ m  ^* x3 r6 r) N/ [放在头部head标签中，用script标签包裹，或者放在最下边，body内，script包裹，调用注释里有

pitch

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

9 l  w  S! X; o" T# v* B2 l$ I: @谢谢回复，已经用上了

wr406531195

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