简单前端JS校验脚本分享

yang。

开个头-------------持续亏钱ing。。。。
1 k8 f8 I5 F& J4 ?1 K& ^
" j: g1 M* S; ]4 B7 Y7 r$ P
这两日有小伙伴觉得我加的一些前端验证有点用，遂求分享代码，这里也整理了一下发出来。
' P# o$ i6 i0 Q6 Z
基本效果么 可以查看这篇帖子
https://www.advertcn.com/thread-99669-1-1.html

- y' F$ Z9 ^) J& r
% W; L+ q% |3 ]% m1 x8 K, H但是要强调下：脚本永远只能作为参考和辅助，
' G' w, m$ ~9 [& `
' p6 b/ V2 M* [% `  g

1. //your track host
   & A' q: B+ R. U! Y
2. var trackHost = "";
   
3. 
   
4. /**
   
5. * 1.校验浏览器是否支持js，可以作为垃圾爬虫得基础校验方式之一
   
6. * 使用方式  直接调用jsSuportCheck()
   : Q% o9 i$ k7 A# d" s
7. *      1.trackHost 指向你的追踪器，
   ( V2 T$ |% B7 x1 |; c2 w' w4 `
8. *      2.修改 event1 为你自己的event
   
9. *      3.追踪器上  click-event1 = 不支持js浏览器数量(个人认为是刷子爬虫之类的)
   
10. *      4.追踪器上  event1 = 支持js浏览器数量
    + y7 N( u" x2 K& ~0 _0 ]' b7 Q8 @0 m  c
11. */
    / {0 V; U1 f/ W. {7 ~) \5 ~4 m
12. function jsSuportCheck() {
    
13.     var o = document.createElement("img");
    
14.     o.style.display = "none";
    7 e% j, y  ]; Z) ?$ ]3 m
15.     o.src= trackHost + '?event1=1';
    
16.     document.body.appendChild(o)
    1 |% Z' C' H, a3 Z
17. }
    
18. 
    
19. 
    
20. /**
    
21. * 2.页面存活时间
    $ {! r! n* r; b5 d0 `
22. * 使用方式 直接调用 aliveCheck()
    
23. *      每隔1s向你的追踪器发送一条数据：更新你的event
    0 K7 i8 A6 x9 a8 o/ A/ M0 J, P
24. *      1.trackHost 指向你的追踪器，
    5 Q8 i4 U; [2 {
25. *      2.修改 event3 为你自己的event
    5 g+ v: W5 {& e1 P7 Q) R- O5 T
26. *      4.追踪器上 event3 = 页面存活时间
    
27. *
    
28. * 数据说明：
    
29. *  1.时间为0
    9 d0 A0 X4 T, g
30. *         1.jsSuportCheck = 支持的 说明用户在1s呢关闭了页面，疑似高级爬虫(支持js的爬虫 如PhantomJS、NightmareJS 等无头)
    
31. *         2.jsSuportCheck = 不支持的 参考jsSuportCheck
    # n. t' G/ ~9 E: z) X+ R5 R. a
32. *  2.时间不为0
    
33. *         1.时间很长的：页面打开了，没人管，，这个不好说，我觉得不正常
    
34. *         2.时间长短不一的，人类操作概率较大，若普遍存活时间短的，可以考虑LP有问题
    
35. *         3.存活时间还行，LP ctr也还行，说明 LP还可以
    # y3 ^0 u9 ]- N: n; A
36. *
    
37. */
    
38. 
    6 J% y) [8 a$ L9 f  e5 n! `
39. var times = 0;
    ; i0 h6 d3 O1 G
40. function aliveCheck() {
    - a: H  ^6 Q$ I, H# K3 A1 B
41.     setInterval("checklive()","1000");
    8 X. ]$ Q! H% t+ N8 j% |
42. }
    3 s3 ~1 G% I! k3 l; v9 A8 C
43. function checklive() {
    7 Y3 Y) B8 b6 T  j" h
44.     times += 1;
      Z. h) |" I# O- x
45.     var o = document.createElement("img");
    , k" ?5 B- V6 ^# N2 f+ h
46.     o.style.display = "none";
    
47.     o.src = trackHost + "?event3=" + times;
    
48. }
    
49. 
    $ @) X8 Z9 w$ F( o7 b& x, \. i  R
50. 
    
51. /**
    . R" V0 S: k) C  m: G: A# l* I2 ?
52. * 谷歌验证
    
53. * 个人觉得有前边的已经差不多了，所以这个已经没在用了，有需要的自己取
    
54. *
    
55. * 需要自己编码一个后端服务，用于同谷歌服务器通讯，返回score
    5 R$ Y. {7 N/ t1 R5 ~3 g. S# \
56. */
    $ L8 u# F7 h1 _" T7 w2 V
57. //申请的grecaptcha前端token
    % v! f) a# Q; z4 o4 V2 k- {
58. var token = "";
    
59. //你的grecaptcha后端服务器地址
    
60. var grecaptchaPostServer = "";
    
61. function recaptcha() {
    3 e' ]9 P( y8 d8 A- N
62.     grecaptcha.ready(function() {
    
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";
    
67.             $.ajax({
    
68.                 url: grecaptchaPostServer,
    . m0 |5 G0 i- h( W/ R5 R2 t
69.                 type: 'POST',
    , C" _7 n1 R% C# d
70.                 data: {"token":token,"ip":ip},
    
71.                 success: function(data) {
    ( C1 J; h' ]3 K; x- A
72.                     if(data.score > 0.4){
    * t! P  i) i, @
73.                         score = 1;
    
74.                     }else{
    
75.                         score = 0;
    4 n( n. m8 {" q: h
76.                     }
    
77.                     o.src = trackHost + '?event2='+score;
    / Y/ x" E/ |% T' S- @' X% g1 G
78.                     document.body.append(o)
    9 U( X1 @) ?5 p; O6 C+ R
79.                 }
    9 q% T3 x+ n! G" r
80.             });
      Q0 I  a. x( B$ |3 g
81. 
    8 L+ l, N" q* @
82.         });
    
83.     });
    
84. }

复制代码

7 U' G3 H7 @# _
校验都十分基础和简单，各位新上路的小伙伴们看需要自取即可
* m/ X$ U- f: s4 c

3 ?. L2 p+ ?6 r$ |3 n9 l


/ |) |) X( ^3 S+ `+ x
9 @" @" a6 O7 U, J) O9 }

forestchu

非常 的给力.感谢哈

All

感谢分享

yang。

补充下：
' z( T  M0 E% _  H) \- e6 t& o: v今天同时跑几个campaign，发现追踪器负荷有点高，查看lp页面的时候发现页面时长统计的请求会502，应该是数据量大，加上这个请求太过频繁导致，遂将
' D6 Z7 B% S6 j9 b: G9 \. ^

1. var times = 0;
   
2. function aliveCheck() {
   ' V: n7 h0 ?4 E( |
3.     setInterval("checklive()","1000");
   
4. }

复制代码

5 E. x. T' o0 G/ O修改为：

1. var times = 0;
   
2. function aliveCheck() {
   
3. //请求频率从1s提高到5s一次，，5000是毫秒 = 5s
   ) C9 e+ Y3 _2 @0 x
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 \) h" }( w& {. O虽然看不懂但是感觉很厉害云追踪器可以用吗，前端技术为0，问下这个是js 放在lp上的吗？ ...

; m+ h- I9 k+ W5 n: N4 \3 {8 |. y追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
这个就是js代码，直接放在LP里 但是记得要调用！！！！！

pitch

yang。 发表于 2021-9-14 10:16
: q, G( s; }$ B+ S( Y追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
- j8 B, O* ]( ]3 e/ J这个就是js ...

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

gresh

厉害了！

yang。

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

3 \0 W; z' r2 O0 ~. _% S3 t放在头部head标签中，用script标签包裹，或者放在最下边，body内，script包裹，调用注释里有

pitch

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

) c5 u( W% e7 k/ p( ]谢谢回复，已经用上了

wr406531195

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