원격 코드

WXT는 url: 접두사가 붙은 임포트를 자동으로 다운로드하고 번들링합니다. 이렇게 하면 확장 프로그램이 원격 코드에 의존하지 않게 되며, Google의 MV3 요구사항을 충족할 수 있습니다.

Google Analytics

예를 들어, Google Analytics를 다음과 같이 가져올 수 있습니다:

// utils/google-analytics.ts
import 'url:https://www.googletagmanager.com/gtag/js?id=G-XXXXXX';

window.dataLayer = window.dataLayer || [];
// NOTE: 이 줄은 Google 문서와 다릅니다
window.gtag = function () {
  dataLayer.push(arguments);
};
gtag('js', new Date());
gtag('config', 'G-XXXXXX');

그런 다음 HTML 파일에서 이를 가져와 Google Analytics를 활성화할 수 있습니다:

// popup/main.ts
import '~/utils/google-analytics';

gtag('event', 'event_name', {
  key: 'value',
});