简单前端JS校验脚本分享

yang。

开个头-------------持续亏钱ing。。。。
. F2 u- v: w2 J7 J  |

$ z( Q; L' S6 ?# D. l7 s1 M2 D这两日有小伙伴觉得我加的一些前端验证有点用，遂求分享代码，这里也整理了一下发出来。

6 ?3 A9 X$ J5 @7 c( j" V. O# h. H3 f基本效果么 可以查看这篇帖子
https://www.advertcn.com/thread-99669-1-1.html
: L% R/ \% k; O" b! P- J

但是要强调下：脚本永远只能作为参考和辅助，

1. //your track host
   
2. var trackHost = "";
   
3. 
   
4. /**
   
5. * 1.校验浏览器是否支持js，可以作为垃圾爬虫得基础校验方式之一
   - ~: a6 M: k# m/ M) a8 U9 C
6. * 使用方式  直接调用jsSuportCheck()
   ! K; q  V! ?* j5 _4 d' N
7. *      1.trackHost 指向你的追踪器，
   $ q9 ~  }: h, L
8. *      2.修改 event1 为你自己的event
   $ {; L+ R$ k7 X& `
9. *      3.追踪器上  click-event1 = 不支持js浏览器数量(个人认为是刷子爬虫之类的)
   9 m- s6 M0 ~' `9 l, z/ b$ Y! ~
10. *      4.追踪器上  event1 = 支持js浏览器数量
    ( M; L+ K$ H9 F8 Q- a
11. */
    ' r+ U5 j, p/ [6 O( S  K& I
12. function jsSuportCheck() {
    . a% s1 T1 M& c
13.     var o = document.createElement("img");
    
14.     o.style.display = "none";
    
15.     o.src= trackHost + '?event1=1';
    
16.     document.body.appendChild(o)
    
17. }
    
18. 
    6 o# _5 B/ ]* s( o  @4 P8 q; q
19. 
    , C! r2 W  D- S: Z& M( b' _
20. /**
    
21. * 2.页面存活时间
    
22. * 使用方式 直接调用 aliveCheck()
    4 {. I& c% k- g* V
23. *      每隔1s向你的追踪器发送一条数据：更新你的event
    
24. *      1.trackHost 指向你的追踪器，
    4 c3 U) q4 g9 {. q
25. *      2.修改 event3 为你自己的event
    
26. *      4.追踪器上 event3 = 页面存活时间
    1 b3 x1 [5 q& g
27. *
    
28. * 数据说明：
    
29. *  1.时间为0
    & G- n, G: r: V) |8 F. z8 [
30. *         1.jsSuportCheck = 支持的 说明用户在1s呢关闭了页面，疑似高级爬虫(支持js的爬虫 如PhantomJS、NightmareJS 等无头)
    
31. *         2.jsSuportCheck = 不支持的 参考jsSuportCheck
    
32. *  2.时间不为0
    $ m" W6 w( T2 I8 a% `
33. *         1.时间很长的：页面打开了，没人管，，这个不好说，我觉得不正常
    
34. *         2.时间长短不一的，人类操作概率较大，若普遍存活时间短的，可以考虑LP有问题
    
35. *         3.存活时间还行，LP ctr也还行，说明 LP还可以
    . j" Z( A# L3 l* J  U7 n
36. *
    
37. */
    - a7 b( @& ]+ x- ]& `5 Z. v9 R
38. 
    9 C/ I+ G5 o8 ~+ y( J$ W: e+ i
39. var times = 0;
    
40. function aliveCheck() {
    : d, ~9 f9 g! z9 a! v+ }  f2 ~9 R
41.     setInterval("checklive()","1000");
    ' j* L! s  q6 Q  K( M0 h
42. }
    
43. function checklive() {
    
44.     times += 1;
    
45.     var o = document.createElement("img");
    3 B  X- X- ^5 F+ r3 x
46.     o.style.display = "none";
    
47.     o.src = trackHost + "?event3=" + times;
    7 M" Z9 D. ~. S
48. }
    
49. 
    
50. 
    & a; E" R0 D* n) D8 O( p
51. /**
    ) n5 ~( N" l, R7 [/ F$ p/ i# I9 ~
52. * 谷歌验证
      g$ J( S! G5 i9 @" k
53. * 个人觉得有前边的已经差不多了，所以这个已经没在用了，有需要的自己取
    * O+ ?) E' C& Q$ f- t( t
54. *
    
55. * 需要自己编码一个后端服务，用于同谷歌服务器通讯，返回score
    
56. */
    / g: N: `' s1 Q3 B3 _# F
57. //申请的grecaptcha前端token
    
58. var token = "";
    . Z% c* B3 Z/ ]7 N% l" `! e0 e6 I
59. //你的grecaptcha后端服务器地址
    
60. var grecaptchaPostServer = "";
    ' l) [$ Q" p* h
61. function recaptcha() {
    . W/ T) ]) A- c
62.     grecaptcha.ready(function() {
    
63.         grecaptcha.execute(token).then(function(token) {
    3 f0 ^' O/ d" |8 L( r" P0 C( e
64.             var ip = decodeURI((RegExp('ip' + "=(.+?)(&|$)").exec(location.search) || [, null])[1] || "");
    
65.             var o = document.createElement("img");
    
66.             o.style.display = "none";
    & {- u7 @3 c( W3 X! X
67.             $.ajax({
    ! r" q* U. N& L1 L5 i
68.                 url: grecaptchaPostServer,
    
69.                 type: 'POST',
    $ ]' e( `2 r# v% B+ L
70.                 data: {"token":token,"ip":ip},
    : d5 T! F. B. _" n
71.                 success: function(data) {
    " r9 ]" r+ h4 K) d! M4 q# F
72.                     if(data.score > 0.4){
    ) V5 R( h+ d: M+ g8 T5 [; Z. c
73.                         score = 1;
    ; O6 o. V) [' e' Q8 K
74.                     }else{
    % k+ C7 E0 Z) h9 d6 h
75.                         score = 0;
    
76.                     }
    
77.                     o.src = trackHost + '?event2='+score;
    
78.                     document.body.append(o)
    3 y& q% j; i" o. r7 M. C  Y
79.                 }
    
80.             });
    
81. 
    5 Z- M6 c7 i* y0 X  b5 ^# Y
82.         });
    
83.     });
    $ z9 F- B1 H4 Y
84. }

复制代码

( w5 V: b4 T- I- x$ ~/ s$ ^/ e5 U
9 M& M* ^5 O) }6 w1 m0 g* i0 `校验都十分基础和简单，各位新上路的小伙伴们看需要自取即可


4 u8 c6 t  M8 b3 s/ j/ u# ?
; y7 Y1 v; k0 w( O" ?7 ?' f! m; R

% {7 c6 {: ~) r  `) R

forestchu

非常 的给力.感谢哈

All

感谢分享

yang。

补充下：
今天同时跑几个campaign，发现追踪器负荷有点高，查看lp页面的时候发现页面时长统计的请求会502，应该是数据量大，加上这个请求太过频繁导致，遂将
0 [6 \& L2 Y: u$ r' F" u% e

1. var times = 0;
   
2. function aliveCheck() {
   
3.     setInterval("checklive()","1000");
     ]* j4 _' V/ v+ t- R" E3 M
4. }

复制代码

修改为：

1. var times = 0;
   ; _) _; |7 |% }: S$ O7 H
2. function aliveCheck() {
   " L* s0 y( w" O! W  ~
3. //请求频率从1s提高到5s一次，，5000是毫秒 = 5s
   ) a) E4 B3 O2 y
4.     setInterval("checklive()","5000");
   7 w& N2 o* r; {2 f- b2 L" N9 a
5. }

复制代码

; _8 g/ V! l( }- C  j' x$ T7 y追踪器压力明显降低。。。。
- I, J* e* F8 ]8 P5 M! ^1 u
这个看各位的需要，如果是高富帅顶配服务器当我没说，，，但这个统计存留时长的，1s一次的确有点过分细化了，，，，各位可以按照自己的经验调整统计频率

tonychopper

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

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

yang。

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

9 d( p4 l1 Q. S! s1 A5 e追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
这个就是js代码，直接放在LP里 但是记得要调用！！！！！

pitch

yang。 发表于 2021-9-14 10:16
追踪器一般都支持自定义事件  binom里叫事件 event，这个你可以查看一下你用的追踪器的文档。
* i# I- B4 W* @  f, U1 _2 H( f; _这个就是js ...

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

gresh

厉害了！

yang。

pitch 发表于 2022-1-8 20:22
6 Z4 L& n# @; A; B9 u3 C老哥能说明白点吗？在LP哪个位置调用、怎么调用

( d4 o7 d: b9 n4 d( q# U2 m  i4 U放在头部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.