简单前端JS校验脚本分享

yang。

3 w# |9 K2 @: T: p
开个头-------------持续亏钱ing。。。。
; {+ J9 _- d3 f. @
) r* S) T# Y) x- v8 O. k, H
$ C+ M7 ?( i8 X0 v8 G# \8 X* y% ~这两日有小伙伴觉得我加的一些前端验证有点用，遂求分享代码，这里也整理了一下发出来。
& [5 I. H+ G* b+ @; T
8 E0 W0 ]9 f  ~/ D# C, c+ d. a基本效果么 可以查看这篇帖子
https://www.advertcn.com/thread-99669-1-1.html
' }( ^4 |- B4 F. x3 W6 D

但是要强调下：脚本永远只能作为参考和辅助，
0 C# Y6 x+ t/ C

1. //your track host
   / {) b5 E7 S  K3 o# b0 R$ e
2. var trackHost = "";
   
3. 
   
4. /**
   
5. * 1.校验浏览器是否支持js，可以作为垃圾爬虫得基础校验方式之一
   ; w5 x/ k5 S  h6 S9 J9 j& ^9 J
6. * 使用方式  直接调用jsSuportCheck()
   
7. *      1.trackHost 指向你的追踪器，
   
8. *      2.修改 event1 为你自己的event
   
9. *      3.追踪器上  click-event1 = 不支持js浏览器数量(个人认为是刷子爬虫之类的)
   9 t  L7 r0 p& ?; ?9 O
10. *      4.追踪器上  event1 = 支持js浏览器数量
    
11. */
    / e# S( Y9 N6 v1 `- ?
12. function jsSuportCheck() {
    : Y( h) J2 h+ h/ a
13.     var o = document.createElement("img");
    ! v$ q% E1 ?7 M3 W% ~
14.     o.style.display = "none";
    3 X1 V5 y! H2 J
15.     o.src= trackHost + '?event1=1';
    ! f! L1 Y9 N& u' g# w( M
16.     document.body.appendChild(o)
      C: ?3 |; j; q( t5 n
17. }
    ) w: {& ^; e5 a( b; n+ _
18. 
    
19. 
    , O6 q4 W- `  `$ Y7 V# t2 Q( _9 n
20. /**
    
21. * 2.页面存活时间
    0 w6 [% @# B9 V5 ~- B% z% T4 m
22. * 使用方式 直接调用 aliveCheck()
    ; k( i1 B3 A) Y* b" ]: {
23. *      每隔1s向你的追踪器发送一条数据：更新你的event
    
24. *      1.trackHost 指向你的追踪器，
    
25. *      2.修改 event3 为你自己的event
    
26. *      4.追踪器上 event3 = 页面存活时间
    . B- i3 H: u- S3 o& J! O* y/ ?
27. *
    
28. * 数据说明：
    
29. *  1.时间为0
    
30. *         1.jsSuportCheck = 支持的 说明用户在1s呢关闭了页面，疑似高级爬虫(支持js的爬虫 如PhantomJS、NightmareJS 等无头)
    
31. *         2.jsSuportCheck = 不支持的 参考jsSuportCheck
    
32. *  2.时间不为0
    8 ~) @/ O. T4 ?6 L3 r$ q2 {
33. *         1.时间很长的：页面打开了，没人管，，这个不好说，我觉得不正常
    ) t! S  b* Z- O! D9 V3 C* Z! @& @) |6 p
34. *         2.时间长短不一的，人类操作概率较大，若普遍存活时间短的，可以考虑LP有问题
    ' [7 ^* M1 A4 S% p* m
35. *         3.存活时间还行，LP ctr也还行，说明 LP还可以
    
36. *
      y" N! F- R5 n0 F2 P! T
37. */
      f- B7 e) @& K  Q! T
38. 
    & |6 u1 E1 G% H* \' ^% s& k. _
39. var times = 0;
    0 G) b4 Z) T8 D* P
40. function aliveCheck() {
    
41.     setInterval("checklive()","1000");
    
42. }
    - x& Y5 T& E) r; N9 t9 e. i
43. function checklive() {
    7 u. |: G! o: n0 d8 y
44.     times += 1;
    : Y0 _4 G5 {3 G' ~, o! u1 l3 o' l
45.     var o = document.createElement("img");
    + f- A; z$ k. t/ o. m, j
46.     o.style.display = "none";
    ) i6 E8 d* N" w$ W4 X- I
47.     o.src = trackHost + "?event3=" + times;
    
48. }
    6 x7 H( S" P5 a% q5 D0 P
49. 
    
50. 
    
51. /**
    * i2 j# y% L. Q, G) P6 v
52. * 谷歌验证
    * X. Q7 p' x9 g: y( Z
53. * 个人觉得有前边的已经差不多了，所以这个已经没在用了，有需要的自己取
    
54. *
    
55. * 需要自己编码一个后端服务，用于同谷歌服务器通讯，返回score
    0 ^# d, D, `& M' Y* O2 }
56. */
    
57. //申请的grecaptcha前端token
    7 f5 a, j! t8 H, r8 i+ @
58. var token = "";
      |/ h$ c* O7 v* _0 H8 B( w$ i, U
59. //你的grecaptcha后端服务器地址
    ! G4 Z! @$ b3 A8 _% s  k
60. var grecaptchaPostServer = "";
    ; u# t6 A! t% G- j: e3 |4 s" @
61. function recaptcha() {
    
62.     grecaptcha.ready(function() {
    1 ?$ R# ?8 @3 U
63.         grecaptcha.execute(token).then(function(token) {
    
64.             var ip = decodeURI((RegExp('ip' + "=(.+?)(&|$)").exec(location.search) || [, null])[1] || "");
    
65.             var o = document.createElement("img");
    & j4 @3 L6 N6 j' ]  k. `2 d
66.             o.style.display = "none";
    ' V, b4 C' C8 N4 f# T0 x
67.             $.ajax({
    
68.                 url: grecaptchaPostServer,
    % k% e+ K% _0 a/ }: l- L
69.                 type: 'POST',
    ) T( {5 G- a/ G" m5 W1 M0 b
70.                 data: {"token":token,"ip":ip},
    6 D& F! I) c0 @) _2 s, [. _
71.                 success: function(data) {
    
72.                     if(data.score > 0.4){
    0 C' ^' e4 B. ~7 _- W9 M! @, C3 q4 Z' V
73.                         score = 1;
    
74.                     }else{
    
75.                         score = 0;
    
76.                     }
    ; D2 E: @: b; q& E! W$ ^
77.                     o.src = trackHost + '?event2='+score;
    ' V3 A: J5 p7 ^5 E, [/ J
78.                     document.body.append(o)
    0 P! x5 Y( f* R4 A' M0 I
79.                 }
    , s; i  V2 M1 X5 J' D
80.             });
    ! `" @6 q/ J+ F2 \% V5 Q
81. 
    
82.         });
    
83.     });
    
84. }

复制代码

2 F6 v! \4 h9 L+ @
8 v3 x3 _2 t/ W4 S4 ^
, ~1 v1 v3 S! |; H1 J" ~4 Q. {7 B7 X& _校验都十分基础和简单，各位新上路的小伙伴们看需要自取即可


& Z* X  Y4 _6 A# J$ G( B6 v( E

: q: U" I  h& U' O1 j6 m4 n1 q3 ^8 d

% W9 N9 ?& P$ X( d' V2 `' E8 d

forestchu

非常 的给力.感谢哈

All

感谢分享

yang。

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

1. var times = 0;
   
2. function aliveCheck() {
   
3.     setInterval("checklive()","1000");
   2 W. ]! ?3 V% R( }/ j6 {: ~6 X
4. }

复制代码

修改为：

1. var times = 0;
   2 u& A% W# {1 r+ _
2. function aliveCheck() {
   1 O: v% _. y5 W! x- C
3. //请求频率从1s提高到5s一次，，5000是毫秒 = 5s
   
4.     setInterval("checklive()","5000");
   
5. }

复制代码

" Z$ t" V. o2 i追踪器压力明显降低。。。。
  K# f) o) m/ l. C$ G
/ w" U& W% I8 p. F$ i这个看各位的需要，如果是高富帅顶配服务器当我没说，，，但这个统计存留时长的，1s一次的确有点过分细化了，，，，各位可以按照自己的经验调整统计频率

tonychopper

yang。 发表于 2021-9-11 22:20
: {; u5 ^! ?0 c$ ?6 x0 t. m8 d补充下：
今天同时跑几个campaign，发现追踪器负荷有点高，查看lp页面的时候发现页面时长统计的请求会502， ...

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

yang。

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

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

pitch

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

0 P* {" U: ^, a! h6 R2 D! y8 m/ V/ A老哥能说明白点吗？在LP哪个位置调用、怎么调用

gresh

厉害了！

yang。

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

! p* V$ D; F2 Y  @% Q放在头部head标签中，用script标签包裹，或者放在最下边，body内，script包裹，调用注释里有

pitch

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

3 R5 Q; x9 q" p% R0 E! I谢谢回复，已经用上了

wr406531195

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