Html5-boilerplate: 이제 analytics.js보다 Google gtag.js가 권장됩니다.

발견한 내용을 다시 보고합니다. (문서를 업데이트하는 것 외에도) 나는 사이트에서 작업하는 데 너무 오랜 시간이 걸렸기 때문에(vs. super-secret doubleplus fancy web apps) 이 항목에 대해 더 이상 단서가 없습니다.

우리는 이것으로 어디에 착륙 했습니까?

@콜리프

실제로 anonymize_ip 는 gtag.js 코드 스니펫에 적용할 수 있습니다.

gtag.js 설치:
https://developers.google.com/analytics/devguides/collection/gtagjs/

IP 익명화 w/ gtag.js:
https://developers.google.com/analytics/devguides/collection/gtagjs/ip-anonymization

예시:

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_TRACKING_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'GA_TRACKING_ID', { 'anonymize_ip': true });
</script>

안녕하세요 @Malvoz - 예, analytics.js용으로 보유하고 있는 많은 추적 스니펫 스크립트(IP 주소 익명화, jQuery AJAX 요청 추적, JavaScript 오류 추적 및 페이지 스크롤 추적)를 어떤 형태로든 사용할 수 있다고 확신합니다. gtag.js의 경우 구현이 다릅니다... 그래서 gtag의 경우 다음과 같습니다.
gtag('config', 'GA_TRACKING_ID', { 'anonymize_ip': true });
그러나 analytics.js의 경우 다음과 같습니다.
ga('create', 'UA-XXXXX-X', 'auto'); ga('set', 'anonymizeIp', true);

아웃바운드 링크를 추적하는 스크립트도 다르며 '자바스크립트 오류 추적' 스크립트가 있습니다(https://github.com/h5bp/html5-boilerplate/blob/master/src/doc/extend.md#track-javascript- errors-in-google-analytics)는 gtag.js에서 작동하지 않으므로 다시 작성해야 합니다.

전반적으로 귀하의 사이트에 필요한 유일한 Google 스크립트/서비스가 Google Analytics라면 analytics.js 를 사용하고 gtag.js 를 사용하는 것이 더 간단하다는 것을 알았습니다.

따라서 H5BP의 경우 gtag.js 와 함께 작동하도록 추적 스크립트를 업데이트하거나 analytics.js 에만 해당된다는 메모를 추가해야 합니다. 나는 그에 상응하는 작업 스크립트가 없기 때문에 메모를 추가하는 것을 선호합니다.

gtag.js 로 전환하지 말라는 Philip Walton의 설득력 있는 주장을 찾았습니다 .

gtag 에 대해 알아야 할 다른 사항은 실제로 analytics.js 대체품이 아니라 analytics.js (및 기타) 위에 있는 래퍼 라이브러리입니다. 즉, gtag 라이브러리는 여전히 analytics.js 를 로드해야 하며 모든 관련 gtag 명령을 analytics.js 명령으로 변환하고 실행해야 합니다.

현재 gtag 는 54.5K이고 analytics.js 는 33.7K이며 gtag 도 analytics.js 로드하므로 262% 더 적은 비용으로 코드를 추가할 수 있습니다. 기능. 또한 gtag 는 사이트에 따라 다르므로(추적 ID를 쿼리 문자열로 추가하기 때문에) 사용자가 이를 캐시할 가능성은 거의 없습니다. 반면에 analytics.js 는 웹 전체에서 사용되므로 방문자가 사이트를 로드할 때 이미 방문자 캐시에 있을 가능성이 매우 높습니다.

따라서 이러한 모든 이유로 gtag 로 전환할 계획은 없습니다. 결국 내 사이트를 로드하고 사용자의 대역폭을 더 많이 사용하는 데 시간이 더 오래 걸리게 될 것이기 때문입니다.

나는 최근에 analytics.js와 gtag.js의 차이점을 이해하기 위해 조금 더 깊이 파고들었습니다. 고려해야 할 한 가지 작은 점은 gtag가 analytics.js가 지원하는 플러그인 형식을 지원하지 않는다는 것입니다. 일부 미래 구현 계획을 깨뜨릴 수 있지만 아마도 상용구에는 괜찮을 것입니다.

마침내 PR로 이 문제를 해결했습니다. (#2118) - @jcutrell 과 @TheDancingCode 의 피드백에 감사드립니다!
또한 성능을 향상시키는 기본 분석 스니펫에 ga('set','transport','beacon'); 를 추가하고 있습니다.

Google Analytics에 새 사이트를 추가할 때 제공된 추적 코드는 이전에 권장된 analytics.js와 약간 다르게 작동하는 gtag.js입니다.

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXX-X"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'UA-XXXXXX-X');
</script>

Google Universal Analytics(Analytics.js)는 여전히 사용자가 사용할 수 있지만 현재 H5BP에 있는 유용한 추적 스니펫(IP 주소 익명화, jQuery AJAX 요청 추적, JavaScript 오류 추적 및 페이지 스크롤 추적)에 있는 유용한 추적 스니펫을 문서에서 명확히 해야 한다고 생각합니다. )는 gtag.js가 아닌 analytics.js용입니다.

오늘 저는 사이트를 analytics.js에서 gtag.js로 마이그레이션하는 작업을 하고 있습니다(이 가이드: https://developers.google.com/analytics/devguides/collection/gtagjs/migration에 따라). gtag.js와 함께 작동하도록 업데이트할 수 있습니다.

이에 대해 추가 의견이 있는 사람이 있으면 의견을 보내주십시오.

다음 확장이 유용할 수 있습니다.

Magento 1 Gtag 확장

Magento 2 Gtag 확장

나는 몇 년 동안 ga를 사용했는데 오늘 Google 애널리틱스 코드 권장 사항이 ga에서 gtag로 변경된 것을 발견했습니다. Google에서 gtag로 업데이트하는 이유가 매우 혼란스럽습니다. 이점이 무엇입니까?

@fbens , GA, AdWords, Remarketing, Optimizer 등을 포함한 하나의 추적을 사용하여 모든 Google 추적을 추가하고 있습니다. GA 대신 여러 추적에 사용됩니다. 도움이 되기를 바랍니다.