简单前端JS校验脚本分享

yang。

1 n( M  b3 d. E% L/ V( S开个头-------------持续亏钱ing。。。。
8 S. u4 n/ E: p: y  f, f

. B; Z9 U. q; H# j5 j这两日有小伙伴觉得我加的一些前端验证有点用，遂求分享代码，这里也整理了一下发出来。

基本效果么 可以查看这篇帖子
https://www.advertcn.com/thread-99669-1-1.html

7 n* i  S" e3 V0 ?% e' r
% E9 m1 p% ^: d$ X2 t7 W! V但是要强调下：脚本永远只能作为参考和辅助，

1. //your track host
   
2. var trackHost = "";
   
3. 
   . n/ n- t/ G  M: _3 L( M, F
4. /**
   9 Z% f( m9 Z$ }& X0 E; \- n. I
5. * 1.校验浏览器是否支持js，可以作为垃圾爬虫得基础校验方式之一
   
6. * 使用方式  直接调用jsSuportCheck()
   
7. *      1.trackHost 指向你的追踪器，
   
8. *      2.修改 event1 为你自己的event
   
9. *      3.追踪器上  click-event1 = 不支持js浏览器数量(个人认为是刷子爬虫之类的)
   5 u/ x+ W) x" ~! V% a$ `# @9 v* J. t
10. *      4.追踪器上  event1 = 支持js浏览器数量
    0 B; @. L( O5 M% d% ~
11. */
    " Z7 L5 b- H( Q: V+ h. J! C
12. function jsSuportCheck() {
      ^0 I' J( W$ l1 n) M$ @- G( i% I" h2 D
13.     var o = document.createElement("img");
    9 e) `+ Q; r# X: r# g6 k
14.     o.style.display = "none";
    ' Q( H" I0 q$ s( M
15.     o.src= trackHost + '?event1=1';
    + i$ A3 ^. t( p+ }) C
16.     document.body.appendChild(o)
    
17. }
    
18. 
    
19. 
    
20. /**
    
21. * 2.页面存活时间
    
22. * 使用方式 直接调用 aliveCheck()
    
23. *      每隔1s向你的追踪器发送一条数据：更新你的event
    
24. *      1.trackHost 指向你的追踪器，
    
25. *      2.修改 event3 为你自己的event
    ) `! f7 G0 Z0 V0 B3 V/ f
26. *      4.追踪器上 event3 = 页面存活时间
    
27. *
    1 C; W6 C" ]( h& m0 Z3 r
28. * 数据说明：
    7 R  {( |% W7 x2 i4 T0 v
29. *  1.时间为0
    
30. *         1.jsSuportCheck = 支持的 说明用户在1s呢关闭了页面，疑似高级爬虫(支持js的爬虫 如PhantomJS、NightmareJS 等无头)
    " g1 a( \7 ^; {: |  e  R* B
31. *         2.jsSuportCheck = 不支持的 参考jsSuportCheck
    
32. *  2.时间不为0
    
33. *         1.时间很长的：页面打开了，没人管，，这个不好说，我觉得不正常
    
34. *         2.时间长短不一的，人类操作概率较大，若普遍存活时间短的，可以考虑LP有问题
    ' B2 \7 c6 e' K; b) q8 R/ n
35. *         3.存活时间还行，LP ctr也还行，说明 LP还可以
    . D# K  D3 q" M0 O
36. *
    
37. */
    . @+ O$ V9 M% C1 ^4 E
38. 
    
39. var times = 0;
    4 {+ \: V# U# F0 s4 \& l, G! o
40. function aliveCheck() {
    3 W$ m) M4 L* T8 ]% m. g2 Z$ y
41.     setInterval("checklive()","1000");
    
42. }
    ' p0 l) N5 I8 @" W( h( Y
43. function checklive() {
    
44.     times += 1;
    
45.     var o = document.createElement("img");
    
46.     o.style.display = "none";
    ; G3 f( m4 m$ q
47.     o.src = trackHost + "?event3=" + times;
    
48. }
    
49. 
    6 J; Z, o- u4 P# N
50. 
    $ x6 d9 p+ U  _! B# A( c# R# J
51. /**
    4 _  a: P! `3 N3 q
52. * 谷歌验证
    ' F5 B! c+ K4 Y' A9 D
53. * 个人觉得有前边的已经差不多了，所以这个已经没在用了，有需要的自己取
    8 I, b, V! X, w
54. *
    7 p* `' r1 X4 I1 m$ \
55. * 需要自己编码一个后端服务，用于同谷歌服务器通讯，返回score
    
56. */
    
57. //申请的grecaptcha前端token
    7 w) \9 |2 _, z/ y* p0 V
58. var token = "";
    9 ]8 W1 T. ?' d% x5 S2 C5 @
59. //你的grecaptcha后端服务器地址
    
60. var grecaptchaPostServer = "";
    
61. function recaptcha() {
    + X+ _1 Z; y. |; E5 d( k/ s' W: V
62.     grecaptcha.ready(function() {
    3 T) w/ c5 G& S8 h( E
63.         grecaptcha.execute(token).then(function(token) {
    
64.             var ip = decodeURI((RegExp('ip' + "=(.+?)(&|$)").exec(location.search) || [, null])[1] || "");
    ' a  z2 M  k' ]  J) u, R% Q2 }
65.             var o = document.createElement("img");
    
66.             o.style.display = "none";
    $ }# d' o+ g, d% W; M
67.             $.ajax({
    
68.                 url: grecaptchaPostServer,
    
69.                 type: 'POST',
    ' e+ [, f! ~1 ~8 w) f
70.                 data: {"token":token,"ip":ip},
    
71.                 success: function(data) {
    
72.                     if(data.score > 0.4){
    
73.                         score = 1;
    
74.                     }else{
    ! n5 G8 t; P9 w5 V+ b
75.                         score = 0;
    
76.                     }
    
77.                     o.src = trackHost + '?event2='+score;
    
78.                     document.body.append(o)
    
79.                 }
    
80.             });
    
81. 
    9 u" F! w7 k- r8 T2 p7 f+ P
82.         });
    : j8 }' I2 Y8 A
83.     });
    / k" i0 ]5 K# ]
84. }

复制代码

- L: L1 B* `. v7 m校验都十分基础和简单，各位新上路的小伙伴们看需要自取即可
0 |/ W; K5 S- K


/ r! B: P* U6 N( ^, i& v% [
: V/ `' F9 Q  [) _4 g
$ y: ?, a1 d5 Y' r$ p2 O$ p5 e
7 ~- f' I& G1 Y3 `* ]0 \2 }; S

forestchu

非常 的给力.感谢哈

All

感谢分享

yang。

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

1. var times = 0;
   
2. function aliveCheck() {
   
3.     setInterval("checklive()","1000");
   1 R3 \( \: I. a0 b- ?5 S
4. }

复制代码

修改为：
$ i5 U8 X( F( l, @

1. var times = 0;
   
2. function aliveCheck() {
   # w$ Y* ?) s( `6 D2 c/ y
3. //请求频率从1s提高到5s一次，，5000是毫秒 = 5s
   
4.     setInterval("checklive()","5000");
   
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上的吗？ ...

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

pitch

yang。 发表于 2021-9-14 10:16
追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
* X' t, Y+ w( ^( w! k+ [这个就是js ...

2 R- n/ u1 e  @老哥能说明白点吗？在LP哪个位置调用、怎么调用

gresh

厉害了！

yang。

pitch 发表于 2022-1-8 20:22
3 x( J& t  x; |' M) u% t老哥能说明白点吗？在LP哪个位置调用、怎么调用

; a+ e6 q+ `2 f. h# l& ]放在头部head标签中，用script标签包裹，或者放在最下边，body内，script包裹，调用注释里有

pitch

yang。 发表于 2022-1-11 15:56
/ i5 c$ k. Q  m# G  }放在头部head标签中，用script标签包裹，或者放在最下边，body内，script包裹，调用注释里有 ...

谢谢回复，已经用上了

wr406531195

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