Gatsby: Google 애널리틱스 플러그인 내에서 Google 최적화에 대한 지원 추가

요약

Google 애널리틱스 플러그인 내에서 현재는 쉬운 A / B 테스트를 허용하기 위해 Google 최적화 도구 컨테이너 ID를 지정할 수있는 방법이 없습니다.

기본 예

다음은 Google Optimize 권장 설정에 대한 링크입니다. https://support.google.com/optimize/answer/6262084?hl=ko

이 방법은 기본적으로 ga('require', 'GTM-XXXXXX'); 를 추가하는 것으로 요약됩니다. 여기서 GTM-XXXXXX는 컨테이너 ID입니다. 다음은이 줄이 추가 된 위치의 예입니다.

    ga('create', 'UA-XXXXXXXX-X', 'auto');
    ga('require', 'GTM-XXXXXX');
    ga('send', 'pageview');

익명화 라인을 따라 기존 Google 애널리틱스 플러그인에 쉽게 추가 할 수있는 것 같습니다.

+ (typeof pluginOptions.anonymize !== "undefined" ? "ga('set', 'anonymizeIp', 1);" : "") + "\n "     
+ (typeof pluginOptions.optimizeId !== "undefined" ? "ga('require', " + pluginOptions.optimizeId + ");" : "") + "}\n "

그리고 gatsby-config에서이 ID를 설정할 수 있습니다.

options: {
        trackingId: "YOUR_GOOGLE_ANALYTICS_TRACKING_ID",
        // Puts tracking script in the head instead of the body
        head: false,
        // Setting this parameter is optional
        anonymize: true,
        // Setting this parameter is also optional
        respectDNT: true,
        // Avoids sending pageview hits from custom paths
        exclude: ["/preview/**", "/do-not-track/me/too/"],
        optimizeId: "YOUR_GOOGLE_OPTIMIZE_TRACKING_ID",
        // Enables Google Optimize using your Id
      },

자극

Google 최적화 ID에 대한 지원을 추가하면 Google 애널리틱스 + Google 태그 관리자에 대한 기존 지원이 구축되며 사용자가 기존 Gatsby 사이트에서 복잡한 A / B + 다 변수 테스트를 쉽게 수행 할 수 있습니다.

이 추가와 함께 PR을 제출하고 미리 피드백을 환영합니다!