简单前端JS校验脚本分享

yang。

4 X: W" q! A% t' O" A  H; ~% B
0 g  B1 A2 \# K  z. |开个头-------------持续亏钱ing。。。。


1 a0 ~/ y- a, W) v% z$ }这两日有小伙伴觉得我加的一些前端验证有点用，遂求分享代码，这里也整理了一下发出来。

基本效果么 可以查看这篇帖子
https://www.advertcn.com/thread-99669-1-1.html
6 K% p" I: e7 i* o+ k% x+ Q+ E0 \

但是要强调下：脚本永远只能作为参考和辅助，
2 @, U6 {; u( O3 J$ Q1 G
% y( H1 T. y' P9 L3 ~

1. //your track host
   & g- ?1 }& Q5 q1 {9 e
2. var trackHost = "";
   1 ~) s6 e& {( x9 D  S. q
3. 
   
4. /**
   ! R  a" }# Y5 j5 O# m! o4 t
5. * 1.校验浏览器是否支持js，可以作为垃圾爬虫得基础校验方式之一
   
6. * 使用方式  直接调用jsSuportCheck()
   0 x. H- J" a; ]. x1 a4 Y
7. *      1.trackHost 指向你的追踪器，
   
8. *      2.修改 event1 为你自己的event
   
9. *      3.追踪器上  click-event1 = 不支持js浏览器数量(个人认为是刷子爬虫之类的)
   
10. *      4.追踪器上  event1 = 支持js浏览器数量
    
11. */
      e- W+ r# I0 J3 ]% \) p- ?
12. function jsSuportCheck() {
    
13.     var o = document.createElement("img");
    
14.     o.style.display = "none";
    - S" W  m( j" G) T4 {% N5 M4 J
15.     o.src= trackHost + '?event1=1';
    
16.     document.body.appendChild(o)
    1 ]& p0 ?3 n* T5 ^! w0 N9 y
17. }
    
18. 
    ) ~+ ~1 x- L& T# a2 D5 I
19. 
    
20. /**
    9 I. H9 I/ i8 [4 @1 d
21. * 2.页面存活时间
    
22. * 使用方式 直接调用 aliveCheck()
    
23. *      每隔1s向你的追踪器发送一条数据：更新你的event
    
24. *      1.trackHost 指向你的追踪器，
    & H/ @2 l& Q9 E) \" M% u
25. *      2.修改 event3 为你自己的event
    
26. *      4.追踪器上 event3 = 页面存活时间
    - R+ E0 A3 d: x4 r# c8 y' X
27. *
    
28. * 数据说明：
    - a( X1 B' s% ~. V6 E# R6 `; O
29. *  1.时间为0
    
30. *         1.jsSuportCheck = 支持的 说明用户在1s呢关闭了页面，疑似高级爬虫(支持js的爬虫 如PhantomJS、NightmareJS 等无头)
    
31. *         2.jsSuportCheck = 不支持的 参考jsSuportCheck
    4 ]8 ~5 M, d, ^
32. *  2.时间不为0
    
33. *         1.时间很长的：页面打开了，没人管，，这个不好说，我觉得不正常
    
34. *         2.时间长短不一的，人类操作概率较大，若普遍存活时间短的，可以考虑LP有问题
    $ s, k6 n% {/ G/ z1 O/ ]
35. *         3.存活时间还行，LP ctr也还行，说明 LP还可以
    
36. *
    
37. */
    
38. 
    
39. var times = 0;
    6 ~2 o2 c: O: e$ ]
40. function aliveCheck() {
    
41.     setInterval("checklive()","1000");
    
42. }
    
43. function checklive() {
    1 R7 {: T" o/ o# W" u5 m
44.     times += 1;
    
45.     var o = document.createElement("img");
    0 G6 h3 @9 b/ A' R' m9 T- c  Z
46.     o.style.display = "none";
    
47.     o.src = trackHost + "?event3=" + times;
    
48. }
    8 a# ]! l4 e- |8 ]8 a' o: z
49. 
    
50. 
    ! N0 T0 h# D: ~  J, u( P
51. /**
    # |% e$ k2 D3 i# t) |
52. * 谷歌验证
    ) ?5 F# N! K7 M$ o. x- \7 S1 n7 P7 @
53. * 个人觉得有前边的已经差不多了，所以这个已经没在用了，有需要的自己取
    
54. *
    
55. * 需要自己编码一个后端服务，用于同谷歌服务器通讯，返回score
    
56. */
    
57. //申请的grecaptcha前端token
    # b/ G! _4 Y/ ^$ w! y: y
58. var token = "";
    
59. //你的grecaptcha后端服务器地址
    # D- v0 d4 S5 N; t$ O5 s
60. var grecaptchaPostServer = "";
    # F$ T( x! i: t3 a8 V& v% p$ N0 x
61. function recaptcha() {
    
62.     grecaptcha.ready(function() {
    7 M- O. T! z5 F- X6 l3 Q; H
63.         grecaptcha.execute(token).then(function(token) {
    9 q2 ?# T+ X  A, Q) B
64.             var ip = decodeURI((RegExp('ip' + "=(.+?)(&|$)").exec(location.search) || [, null])[1] || "");
    ' r' C( `8 z4 k1 r" N
65.             var o = document.createElement("img");
    2 G5 f( A- i( [) j8 M  J
66.             o.style.display = "none";
    
67.             $.ajax({
    + U7 ?! ?/ ^, x9 ~
68.                 url: grecaptchaPostServer,
    
69.                 type: 'POST',
    
70.                 data: {"token":token,"ip":ip},
    
71.                 success: function(data) {
    
72.                     if(data.score > 0.4){
    5 ~5 b# K. k4 |1 ?/ a( f1 f
73.                         score = 1;
    ) d3 t5 |/ [- {' `3 x, s
74.                     }else{
    
75.                         score = 0;
    
76.                     }
    
77.                     o.src = trackHost + '?event2='+score;
    7 @% W4 g6 [( Y* _
78.                     document.body.append(o)
    
79.                 }
    ( b; p/ S) V/ u7 O3 D, @+ j
80.             });
    
81. 
    4 O5 Q0 j) X; _' J7 a0 c
82.         });
    
83.     });
    
84. }

复制代码

- n6 b; p# Y. S/ y6 {& [! [8 }
校验都十分基础和简单，各位新上路的小伙伴们看需要自取即可
6 O, E6 A# d3 Q1 P  g/ W; ~' [4 Y) ~
% m, U5 i' A2 M
. F. E0 t2 m3 [% F4 ~6 P
$ x! O& H' Q2 X! ?

forestchu

非常 的给力.感谢哈

All

感谢分享

yang。

补充下：
" B: B: J+ \# v& i- ]今天同时跑几个campaign，发现追踪器负荷有点高，查看lp页面的时候发现页面时长统计的请求会502，应该是数据量大，加上这个请求太过频繁导致，遂将
9 f  ?- w, }* v3 f$ v# k

1. var times = 0;
   * {" k7 A* p( t& J  r! w
2. function aliveCheck() {
   
3.     setInterval("checklive()","1000");
     D, Q  q& O* D) d) d9 D
4. }

复制代码

修改为：

1. var times = 0;
   $ N2 f; \! k/ \" P( E- v- D
2. function aliveCheck() {
   : Q$ l4 s9 y3 F
3. //请求频率从1s提高到5s一次，，5000是毫秒 = 5s
   
4.     setInterval("checklive()","5000");
   : O/ H( T) u& j& T8 n
5. }

复制代码

追踪器压力明显降低。。。。
+ r% N# v1 c& z/ y, l6 `, f. ^
这个看各位的需要，如果是高富帅顶配服务器当我没说，，，但这个统计存留时长的，1s一次的确有点过分细化了，，，，各位可以按照自己的经验调整统计频率

tonychopper

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

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

yang。

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

' c  |" f  B& m追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
: |. Y& [1 r. B& C! j这个就是js代码，直接放在LP里 但是记得要调用！！！！！

pitch

yang。 发表于 2021-9-14 10:16
! U$ o! ]; ~( A, a& R( n追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
0 b3 `9 B, k# Q/ {这个就是js ...

% v" W6 [* F, a# T% g; j( Q老哥能说明白点吗？在LP哪个位置调用、怎么调用

gresh

厉害了！

yang。

pitch 发表于 2022-1-8 20:22
: b% D6 e& D# u2 a* X' W# t9 P, _老哥能说明白点吗？在LP哪个位置调用、怎么调用

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

pitch

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

8 k. Z' `  q( g- f1 o8 W9 x$ e谢谢回复，已经用上了

wr406531195

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