目前我只找到了一种解决方法。我编写了辅助类,它应用猴子补丁来防止发送使用调用和错误跟踪,直到它允许为止。当您需要阻止加载外部脚本时,通常会使用 Monkey 补丁,例如我们已经使用的 iubenda。
助手类:
class TrackJSUtil {
static URL_PATTERN = /usage\.trackjs\.com/;
/**
* Keep usage url
*
* @private
* @type {null|string}
*/
usageUrl = null;
/**
* Is requests allowed
*
* @private
* @type {boolean}
*/
isRequestsAllowed = false;
/**
* Apply monkey patch
*/
install() {
if (this.isRequestsAllowed) {
return;
}
const setUsageUrl = (value) => {
this.usageUrl = value;
};
const ignore = () => this.isRequestsAllowed || this.usageUrl != null;
const createElementOriginal = document.createElement.bind(document);
document.createElement = function createElementForTrackJS(...args) {
const element = createElementOriginal(...args);
if (ignore() || element.tagName.toUpperCase() !== 'IMG') {
return element;
}
Object.defineProperty(element, 'src', {
get() {
return this.getAttribute('src');
},
set(value) {
if (TrackJSUtil.URL_PATTERN.test(value)) {
setUsageUrl(value);
} else {
this.setAttribute('src', value);
}
},
});
return element;
};
}
/**
* Callback for onError in TrackJS
* @return {boolean}
*/
onTrackJSError() {
return this.isRequestsAllowed;
}
/**
* Call it when requests are allowed
*/
allow() {
if (this.isRequestsAllowed) {
return;
}
this.isRequestsAllowed = true;
if (this.usageUrl == null) {
return;
}
document.createElement('img').src = this.usageUrl;
}
}
用法:
import { TrackJS } from 'trackjs';
const util = new TrackJSUtil();
if (IS_CONSENT_GIVEN) {
util.allow()
} else {
callItWhenConsentGiven(() => {
util.allow();
});
}
util.install();
TrackJS.install({
onError: () => util.onTrackJSError(),
});