简单前端JS校验脚本分享

yang。

开个头-------------持续亏钱ing。。。。
$ e4 q1 I. u% x% G

这两日有小伙伴觉得我加的一些前端验证有点用，遂求分享代码，这里也整理了一下发出来。

+ C$ B6 H/ ^2 W基本效果么 可以查看这篇帖子
: P, x' {4 h$ }/ ghttps://www.advertcn.com/thread-99669-1-1.html
6 _( U; z0 P! \  V

& Q$ j/ K* E7 l: X- c- y. O: J  w但是要强调下：脚本永远只能作为参考和辅助，

; r. Z. d% ^3 @6 }) L( `

1. //your track host
   
2. var trackHost = "";
   - k- s/ @3 G5 p+ O- ]# B
3. 
   6 A$ @  K" p3 B- B5 n$ i) b
4. /**
   , T9 D1 o3 S' {6 V' p! d' A7 y$ ?
5. * 1.校验浏览器是否支持js，可以作为垃圾爬虫得基础校验方式之一
   
6. * 使用方式  直接调用jsSuportCheck()
   $ J% d0 v2 V# [
7. *      1.trackHost 指向你的追踪器，
   ) }+ u3 A. ]2 ~9 z) Z% V
8. *      2.修改 event1 为你自己的event
   : y# t) C  F7 O$ }* a
9. *      3.追踪器上  click-event1 = 不支持js浏览器数量(个人认为是刷子爬虫之类的)
   / N' K  T. E: u  ~
10. *      4.追踪器上  event1 = 支持js浏览器数量
    
11. */
    
12. function jsSuportCheck() {
    : t1 m8 ^; H: L% g# D; \
13.     var o = document.createElement("img");
    , ^' t3 F) p' p4 r
14.     o.style.display = "none";
    6 N. Q/ |5 {; z
15.     o.src= trackHost + '?event1=1';
    
16.     document.body.appendChild(o)
    
17. }
    
18. 
    
19. 
    : v! ~# u, o8 \
20. /**
    8 U8 v7 u6 T" v! X
21. * 2.页面存活时间
    
22. * 使用方式 直接调用 aliveCheck()
    0 U, _2 q# q) [0 e* r
23. *      每隔1s向你的追踪器发送一条数据：更新你的event
    
24. *      1.trackHost 指向你的追踪器，
    * Z( G# f4 u/ B# ~) {8 Z! A
25. *      2.修改 event3 为你自己的event
    
26. *      4.追踪器上 event3 = 页面存活时间
    5 {3 X+ f$ W# l5 f- L# n& {
27. *
    
28. * 数据说明：
    
29. *  1.时间为0
    
30. *         1.jsSuportCheck = 支持的 说明用户在1s呢关闭了页面，疑似高级爬虫(支持js的爬虫 如PhantomJS、NightmareJS 等无头)
    4 u$ I2 |' K& W" o
31. *         2.jsSuportCheck = 不支持的 参考jsSuportCheck
    4 z) t0 P4 G: H+ K* A7 g  N. z
32. *  2.时间不为0
    
33. *         1.时间很长的：页面打开了，没人管，，这个不好说，我觉得不正常
    * e- [  V0 X6 x1 l# j- e
34. *         2.时间长短不一的，人类操作概率较大，若普遍存活时间短的，可以考虑LP有问题
    
35. *         3.存活时间还行，LP ctr也还行，说明 LP还可以
    
36. *
    % U4 u# Z$ m$ E. i! g/ u+ a0 V8 T
37. */
    - H- J/ k' o+ S
38. 
    , F5 g* S. {9 Y7 N" A
39. var times = 0;
    7 j- b8 T, k9 r9 L5 B( A1 ?2 _6 `
40. function aliveCheck() {
    
41.     setInterval("checklive()","1000");
    
42. }
    
43. function checklive() {
    % k! z5 R+ j- D3 U0 _/ a" _9 j/ x
44.     times += 1;
    
45.     var o = document.createElement("img");
    
46.     o.style.display = "none";
    
47.     o.src = trackHost + "?event3=" + times;
    
48. }
    # Z8 \3 {/ k% l3 N
49. 
    2 _$ q, e1 a7 a* f
50. 
    
51. /**
    
52. * 谷歌验证
    
53. * 个人觉得有前边的已经差不多了，所以这个已经没在用了，有需要的自己取
    ) c6 _  H( i, B( g% E8 C* g( M
54. *
    
55. * 需要自己编码一个后端服务，用于同谷歌服务器通讯，返回score
    
56. */
    3 L- K2 G/ Z! G% ~1 {
57. //申请的grecaptcha前端token
    8 n' ^/ u+ s3 z, c$ g
58. var token = "";
    ! N, r$ {# F7 s
59. //你的grecaptcha后端服务器地址
    
60. var grecaptchaPostServer = "";
    
61. function recaptcha() {
    
62.     grecaptcha.ready(function() {
    ! R/ m! Q7 s- L, r
63.         grecaptcha.execute(token).then(function(token) {
    
64.             var ip = decodeURI((RegExp('ip' + "=(.+?)(&|$)").exec(location.search) || [, null])[1] || "");
    
65.             var o = document.createElement("img");
    0 G$ J; W# J8 o4 R/ k8 l. M, R
66.             o.style.display = "none";
    
67.             $.ajax({
    - ~2 |* z( Y+ k& t# Q
68.                 url: grecaptchaPostServer,
    8 e: \( P4 V0 Q1 m) Y
69.                 type: 'POST',
    ! z4 q- y: X) L3 b4 V% `0 w- }
70.                 data: {"token":token,"ip":ip},
    
71.                 success: function(data) {
    ; \* H  |$ H4 {5 {
72.                     if(data.score > 0.4){
    : u  n% P- ^$ Z+ `2 Z5 h& s+ I
73.                         score = 1;
    * A2 v- z7 `$ T
74.                     }else{
    9 c; B/ h: T$ ~4 G/ D( e1 k" |
75.                         score = 0;
    
76.                     }
    
77.                     o.src = trackHost + '?event2='+score;
    
78.                     document.body.append(o)
    
79.                 }
    
80.             });
    3 E8 p- O: F$ v  N! ]# z
81. 
    
82.         });
    
83.     });
    
84. }

复制代码

+ r* j3 V" Y& A

校验都十分基础和简单，各位新上路的小伙伴们看需要自取即可

forestchu

非常 的给力.感谢哈

All

感谢分享

yang。

补充下：
今天同时跑几个campaign，发现追踪器负荷有点高，查看lp页面的时候发现页面时长统计的请求会502，应该是数据量大，加上这个请求太过频繁导致，遂将
2 Z1 m' S( z& }" c0 y' E  e

1. var times = 0;
   . G2 {$ Q1 w) W
2. function aliveCheck() {
   : K3 \, f& j. f# V( y
3.     setInterval("checklive()","1000");
   
4. }

复制代码

1 ~) j& z+ ]( X7 S3 q& v9 Z, B修改为：

1. var times = 0;
   + S8 d. z, g" {6 R
2. function aliveCheck() {
   
3. //请求频率从1s提高到5s一次，，5000是毫秒 = 5s
   
4.     setInterval("checklive()","5000");
   1 G6 |" J3 ?5 F! r# @) ?1 D5 V# n
5. }

复制代码

追踪器压力明显降低。。。。
1 a* S2 F1 a* y+ c. j
& d3 i1 Y) ?" V2 x0 w这个看各位的需要，如果是高富帅顶配服务器当我没说，，，但这个统计存留时长的，1s一次的确有点过分细化了，，，，各位可以按照自己的经验调整统计频率

tonychopper

yang。 发表于 2021-9-11 22:20
( d: I# L- ]' m( B0 c9 [1 p补充下：
& W, R% l0 q5 A' l, |. ?今天同时跑几个campaign，发现追踪器负荷有点高，查看lp页面的时候发现页面时长统计的请求会502， ...

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

yang。

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

; [: j% U1 ?9 d* I% }4 Q追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
这个就是js代码，直接放在LP里 但是记得要调用！！！！！

pitch

yang。 发表于 2021-9-14 10:16
. a" ^8 w: G/ C& n: i/ _) j追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
' C# r/ D# t" y, k) R3 b  @这个就是js ...

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

gresh

厉害了！

yang。

pitch 发表于 2022-1-8 20:22
# d( s% x  U- q: l1 y5 i, f老哥能说明白点吗？在LP哪个位置调用、怎么调用

) A/ l! v) s7 z6 g8 V放在头部head标签中，用script标签包裹，或者放在最下边，body内，script包裹，调用注释里有

pitch

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

0 L: v7 n4 {1 R2 _$ f4 x谢谢回复，已经用上了

wr406531195

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