简单前端JS校验脚本分享

yang。

* m. l: J& |+ N# a, s
开个头-------------持续亏钱ing。。。。
0 @' a( z( Z( z3 c+ p8 P& t# C) w
% B0 I6 Y) b( N6 h: [
这两日有小伙伴觉得我加的一些前端验证有点用，遂求分享代码，这里也整理了一下发出来。
  K! D$ J$ s6 m3 U- U% T
基本效果么 可以查看这篇帖子
https://www.advertcn.com/thread-99669-1-1.html
+ n; @+ x% h6 L5 G9 ?

但是要强调下：脚本永远只能作为参考和辅助，
3 x6 h6 F' A0 t+ B

1. //your track host
   ' \$ N* L; k- ^' A( ]
2. var trackHost = "";
   
3. 
   ) L( `" i9 B) i' Q5 J
4. /**
   
5. * 1.校验浏览器是否支持js，可以作为垃圾爬虫得基础校验方式之一
   
6. * 使用方式  直接调用jsSuportCheck()
   
7. *      1.trackHost 指向你的追踪器，
   . i( O3 e' G& @: q9 Y4 z2 a/ \/ U
8. *      2.修改 event1 为你自己的event
   
9. *      3.追踪器上  click-event1 = 不支持js浏览器数量(个人认为是刷子爬虫之类的)
   
10. *      4.追踪器上  event1 = 支持js浏览器数量
    
11. */
    # ]- e3 f: c7 r$ z
12. function jsSuportCheck() {
    # i$ u  O6 a  `% t
13.     var o = document.createElement("img");
    ' E9 `1 x. ^2 c& \$ I, }+ c  N+ `0 ^
14.     o.style.display = "none";
    
15.     o.src= trackHost + '?event1=1';
      s- \0 n# R* F) o" g) |5 ^0 h
16.     document.body.appendChild(o)
    
17. }
    
18. 
    : K. S2 k2 O6 F! t& J2 Q: p
19. 
    # e$ F, l! l" E7 g0 o
20. /**
    
21. * 2.页面存活时间
    2 E/ _- d* q: O  Q" k5 U& X
22. * 使用方式 直接调用 aliveCheck()
    * S2 k, i( o: x8 v, c# n* U
23. *      每隔1s向你的追踪器发送一条数据：更新你的event
    
24. *      1.trackHost 指向你的追踪器，
    
25. *      2.修改 event3 为你自己的event
    
26. *      4.追踪器上 event3 = 页面存活时间
    ' ]- D( s/ r% T. f
27. *
    
28. * 数据说明：
    * f6 {9 g4 j/ z% h
29. *  1.时间为0
    
30. *         1.jsSuportCheck = 支持的 说明用户在1s呢关闭了页面，疑似高级爬虫(支持js的爬虫 如PhantomJS、NightmareJS 等无头)
    
31. *         2.jsSuportCheck = 不支持的 参考jsSuportCheck
    
32. *  2.时间不为0
    - _: g% c, e2 J8 m) U
33. *         1.时间很长的：页面打开了，没人管，，这个不好说，我觉得不正常
    
34. *         2.时间长短不一的，人类操作概率较大，若普遍存活时间短的，可以考虑LP有问题
    
35. *         3.存活时间还行，LP ctr也还行，说明 LP还可以
    0 G3 f4 S6 a% j  s
36. *
    ; w+ @$ c- Y" V1 P7 z3 `
37. */
    & a: N  C% {7 t1 K- S+ u7 F
38. 
    . w9 G- S# r. i/ ~  o0 j
39. var times = 0;
    ) p7 i6 B7 ~  R5 h
40. function aliveCheck() {
    
41.     setInterval("checklive()","1000");
    
42. }
    0 S; ?3 W- L( o- I
43. function checklive() {
    * Z  r6 e' {* z5 X- J
44.     times += 1;
    ) G% C2 I/ h8 @5 Q9 l+ V0 R" X
45.     var o = document.createElement("img");
    
46.     o.style.display = "none";
    ( s0 R6 N5 Z& M1 Z; A0 l! B
47.     o.src = trackHost + "?event3=" + times;
    & L2 ]' s8 v: S# M* h' q6 t' M. b$ C
48. }
    
49. 
    5 W, w8 x8 n0 Y6 u7 x- }& u1 p6 x
50. 
    
51. /**
    8 \0 g- L0 U0 p7 |
52. * 谷歌验证
    
53. * 个人觉得有前边的已经差不多了，所以这个已经没在用了，有需要的自己取
    " @- T' n/ C2 C1 F  v
54. *
    . |' t# p  _2 {9 |; q! l4 |
55. * 需要自己编码一个后端服务，用于同谷歌服务器通讯，返回score
    
56. */
    
57. //申请的grecaptcha前端token
    
58. var token = "";
    
59. //你的grecaptcha后端服务器地址
    
60. var grecaptchaPostServer = "";
    4 p( [, b6 p( S3 J* Q. S. i0 M
61. function recaptcha() {
    : _, G8 Z2 T: o
62.     grecaptcha.ready(function() {
    / g4 @' S2 `" h
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";
    ! w) M0 Z1 H3 f! S* \+ N; [2 C+ j* K
67.             $.ajax({
    
68.                 url: grecaptchaPostServer,
    
69.                 type: 'POST',
    
70.                 data: {"token":token,"ip":ip},
    8 z, u/ A+ h4 S2 D! [
71.                 success: function(data) {
    
72.                     if(data.score > 0.4){
      Z4 _; ?. ]! B9 Y& |# U' M- ?3 L3 k
73.                         score = 1;
      J+ I6 E/ n4 ]' `: K9 y
74.                     }else{
    4 J9 E3 x3 h- t& s8 g5 w
75.                         score = 0;
    : y7 l% o6 R+ Z
76.                     }
      f/ _, I( s% _
77.                     o.src = trackHost + '?event2='+score;
    
78.                     document.body.append(o)
    % ?  e6 P0 `: ?  Q# o. r
79.                 }
    $ q  u* a5 U- B2 v! T+ q
80.             });
    + l2 f! S* h% ]; @; S0 \' o; h
81. 
    
82.         });
    6 u# j+ p3 t& j2 G4 ?; d
83.     });
    ! n, h6 A8 {  N5 [+ l" M
84. }

复制代码

( f: [! ~( Z6 t2 x! ?) o& o

! r# p$ e& l! H& d* k校验都十分基础和简单，各位新上路的小伙伴们看需要自取即可

" p" d0 E/ p' _/ j


, x5 Z, O/ s$ i' U! }, V
4 g9 C& U& a) I5 I

forestchu

非常 的给力.感谢哈

All

感谢分享

yang。

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

1. var times = 0;
   3 H( r3 |& C+ R+ ?) Y( S, P* D9 T+ d0 r
2. function aliveCheck() {
   6 X- L. I% \! W7 G
3.     setInterval("checklive()","1000");
   5 C+ U+ e; t- R2 O- `0 p; F
4. }

复制代码

4 J. {3 {! C9 Y' `7 k, I修改为：

1. var times = 0;
   
2. function aliveCheck() {
   - j3 l4 Y1 r, ]0 X
3. //请求频率从1s提高到5s一次，，5000是毫秒 = 5s
   
4.     setInterval("checklive()","5000");
   ) r: N, U1 a  a) B
5. }

复制代码

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

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

tonychopper

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

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

yang。

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

- L: Z: F" ^5 }1 k# C4 h0 w" T追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
这个就是js代码，直接放在LP里 但是记得要调用！！！！！

pitch

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

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

gresh

厉害了！

yang。

pitch 发表于 2022-1-8 20:22
0 i0 t9 S( v3 P  `' z6 D3 `) a0 g老哥能说明白点吗？在LP哪个位置调用、怎么调用

" p/ G! u* ?* v) C7 ^4 w7 t放在头部head标签中，用script标签包裹，或者放在最下边，body内，script包裹，调用注释里有

pitch

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

谢谢回复，已经用上了

wr406531195

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