简单前端JS校验脚本分享

yang。

开个头-------------持续亏钱ing。。。。
' K" B# p: i* n* h
. e1 w1 L) A7 p
8 _& h. l& o8 K+ R8 m# ]! e0 G3 x这两日有小伙伴觉得我加的一些前端验证有点用，遂求分享代码，这里也整理了一下发出来。

+ f8 Q0 j# E5 n) [基本效果么 可以查看这篇帖子
3 g2 v3 Y* a5 Whttps://www.advertcn.com/thread-99669-1-1.html

0 q, I$ ^- }1 T% \. g' W
4 {! n+ q( `+ G+ v: {) J但是要强调下：脚本永远只能作为参考和辅助，
  Z* o, z% j1 N7 ^1 N; k& z

1. //your track host
   9 v; Z3 J) k9 ]9 Y% L
2. var trackHost = "";
   & `1 R' w* }! c& y' m  R
3. 
   $ Y* j3 X( P. ?7 R
4. /**
   . l, Z! W0 d5 e  i' }" z2 s% V
5. * 1.校验浏览器是否支持js，可以作为垃圾爬虫得基础校验方式之一
   
6. * 使用方式  直接调用jsSuportCheck()
   
7. *      1.trackHost 指向你的追踪器，
   2 B( m8 P5 Y- E0 h5 U
8. *      2.修改 event1 为你自己的event
   7 U! k$ W5 O0 Y& X" K: T- t* N3 u  z
9. *      3.追踪器上  click-event1 = 不支持js浏览器数量(个人认为是刷子爬虫之类的)
   
10. *      4.追踪器上  event1 = 支持js浏览器数量
    
11. */
    ( @5 E# c3 ~5 n+ T
12. function jsSuportCheck() {
    ) H7 @7 w6 d2 z, l
13.     var o = document.createElement("img");
    
14.     o.style.display = "none";
    + }/ v8 d% S' }9 j
15.     o.src= trackHost + '?event1=1';
    
16.     document.body.appendChild(o)
    
17. }
    5 x6 O0 r7 Y9 d, Z
18. 
    8 K, p5 |" U% N6 {) f; O' {3 l1 p
19. 
    
20. /**
    
21. * 2.页面存活时间
    1 ]  H( n' ^' V0 h" w( y% x
22. * 使用方式 直接调用 aliveCheck()
    
23. *      每隔1s向你的追踪器发送一条数据：更新你的event
    
24. *      1.trackHost 指向你的追踪器，
    0 k" x5 [" b9 O3 i
25. *      2.修改 event3 为你自己的event
    + f. n8 T2 c* W2 y1 X; M' E
26. *      4.追踪器上 event3 = 页面存活时间
    
27. *
    0 m- J7 K  ^+ z
28. * 数据说明：
    . M5 k7 U% ?- b+ s' A
29. *  1.时间为0
    * |6 g% Q, i. O
30. *         1.jsSuportCheck = 支持的 说明用户在1s呢关闭了页面，疑似高级爬虫(支持js的爬虫 如PhantomJS、NightmareJS 等无头)
    $ ]' ~2 |& k- ~8 l
31. *         2.jsSuportCheck = 不支持的 参考jsSuportCheck
    
32. *  2.时间不为0
    
33. *         1.时间很长的：页面打开了，没人管，，这个不好说，我觉得不正常
    
34. *         2.时间长短不一的，人类操作概率较大，若普遍存活时间短的，可以考虑LP有问题
    
35. *         3.存活时间还行，LP ctr也还行，说明 LP还可以
    
36. *
    4 ~% x2 [% |: H* f" y
37. */
    
38. 
    ) H! s$ C# W" U1 T0 J
39. var times = 0;
    
40. function aliveCheck() {
    3 Q& M; y* c3 |; X, }2 e7 o
41.     setInterval("checklive()","1000");
    
42. }
    
43. function checklive() {
    , Q# Y1 R& a3 A: }6 X5 U
44.     times += 1;
    
45.     var o = document.createElement("img");
    - b7 M& p. x4 F0 y  J) @# i, w
46.     o.style.display = "none";
    9 K9 A0 v* l1 D; D
47.     o.src = trackHost + "?event3=" + times;
    # y; |- ]; ?( P2 I3 n$ \# @3 O4 N
48. }
      |* h/ _& n- \5 p% m. u
49. 
    6 ^" w( Q9 o5 f- L8 _+ J# D# ~
50. 
    
51. /**
    % b+ Z/ l# [5 y
52. * 谷歌验证
    
53. * 个人觉得有前边的已经差不多了，所以这个已经没在用了，有需要的自己取
    9 v' {+ W! U2 g, D6 k5 }4 l! B
54. *
    
55. * 需要自己编码一个后端服务，用于同谷歌服务器通讯，返回score
    
56. */
    ! `6 |2 t$ a+ U2 [& N% R( b
57. //申请的grecaptcha前端token
    
58. var token = "";
    8 B/ f6 @8 U9 A8 I- b
59. //你的grecaptcha后端服务器地址
    
60. var grecaptchaPostServer = "";
    % B/ K- |- O8 ?- C' G. u" h
61. function recaptcha() {
    
62.     grecaptcha.ready(function() {
    
63.         grecaptcha.execute(token).then(function(token) {
    3 [4 J$ Y9 m# Z6 r
64.             var ip = decodeURI((RegExp('ip' + "=(.+?)(&|$)").exec(location.search) || [, null])[1] || "");
    5 F! `& _1 h2 K0 w/ \
65.             var o = document.createElement("img");
    
66.             o.style.display = "none";
    1 x2 t/ ^6 u4 [7 x! C' x5 V
67.             $.ajax({
    
68.                 url: grecaptchaPostServer,
    - h' z5 X/ Z+ L4 W0 c' k
69.                 type: 'POST',
    
70.                 data: {"token":token,"ip":ip},
    2 I+ R; \$ Z& ?! w: f! p; r
71.                 success: function(data) {
    
72.                     if(data.score > 0.4){
    - C8 U( [7 M3 |5 O
73.                         score = 1;
    
74.                     }else{
    $ W: Q3 y/ y2 V: `, O
75.                         score = 0;
    
76.                     }
    
77.                     o.src = trackHost + '?event2='+score;
    & ^8 W! f3 K: T7 U6 g
78.                     document.body.append(o)
    
79.                 }
    4 ^% E6 m: t7 H( I
80.             });
    
81. 
    % Y9 i- C  O8 Z. I' |' u
82.         });
    
83.     });
    
84. }

复制代码

7 @! p$ k5 q( g, M+ f& \+ X! p7 D
校验都十分基础和简单，各位新上路的小伙伴们看需要自取即可
0 \* r2 o- `+ J0 O9 i4 x
+ [- t+ m* Q, o- r, ]



2 g8 b/ d7 g0 ~, v

forestchu

非常 的给力.感谢哈

All

感谢分享

yang。

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

1. var times = 0;
   1 X! T. p7 Y$ F1 }4 U7 g9 [# e6 w9 V
2. function aliveCheck() {
   4 U/ l( \- m1 U+ N( {5 L
3.     setInterval("checklive()","1000");
   
4. }

复制代码

7 E! c/ G# E7 ?$ b修改为：
* J' X; n6 m  t. Q2 d! A

1. var times = 0;
   4 n* {  V* ~, B# q2 }
2. function aliveCheck() {
   3 M) H& K* m$ l& J. O, B4 h
3. //请求频率从1s提高到5s一次，，5000是毫秒 = 5s
   
4.     setInterval("checklive()","5000");
   
5. }

复制代码

4 t4 Y! i( y; `6 P& M1 |$ J) a  @; e追踪器压力明显降低。。。。

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

tonychopper

yang。 发表于 2021-9-11 22:20
( I2 j* Y3 @  H/ M9 m补充下：
今天同时跑几个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，这个你可以查看一下你用的追踪器的文档。
5 s& b! A3 m" U+ y/ G这个就是js ...

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

gresh

厉害了！

yang。

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

. u0 M1 ?: U$ ~/ _  \放在头部head标签中，用script标签包裹，或者放在最下边，body内，script包裹，调用注释里有

pitch

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

谢谢回复，已经用上了

wr406531195

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