Html5-boilerplate: Google gtag.js wird jetzt gegenüber analytics.js empfohlen

Berichten Sie über das, was Sie finden. (zusätzlich zum Aktualisieren der Dokumentation) Ich bin so viele Jahre von der Arbeit an Websites entfernt (im Gegensatz zu supergeheimen DoublePlus-Web-Apps), dass ich keine Ahnung mehr von diesem Zeug habe.

Wo sind wir damit gelandet?

@koliff

Tatsächlich gilt anonymize_ip für das Code-Snippet gtag.js.

gtag.js-Installation:
https://developers.google.com/analytics/devguides/collection/gtagjs/

IP-Anonymisierung mit gtag.js:
https://developers.google.com/analytics/devguides/collection/gtagjs/ip-anonymization

Beispiel:

<!-- 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>

Hallo @Malvoz – ja, ich bin mir sicher, dass viele der Tracking-Snippet-Skripte, die wir für analytics.js haben (IP-Adressen anonymisieren, jQuery-AJAX-Anforderungen verfolgen, JavaScript-Fehler verfolgen und Seitenscroll verfolgen), auch in irgendeiner Form zur Verwendung verfügbar sind für gtag.js, aber die Implementierung ist anders ... also mit gtag wäre es:
gtag('config', 'GA_TRACKING_ID', { 'anonymize_ip': true });
aber für analytics.js wäre es:
ga('create', 'UA-XXXXX-X', 'auto'); ga('set', 'anonymizeIp', true);

Die Skripte zum Verfolgen ausgehender Links sind ebenfalls unterschiedlich und das Skript „Javascript-Fehler verfolgen“, das wir haben (https://github.com/h5bp/html5-boilerplate/blob/master/src/doc/extend.md#track-javascript- errors-in-google-analytics) funktioniert nicht mit gtag.js und müsste daher neu geschrieben werden.

Insgesamt habe ich festgestellt, dass es einfacher ist, analytics.js zu verwenden und sich nicht mit gtag.js herumzuärgern, wenn das einzige Google-Skript/der einzige Google-Dienst, den Sie auf Ihrer Website benötigen, Google Analytics ist.

Für H5BP müssen wir also entweder unsere Tracking-Skripte aktualisieren, damit sie mit gtag.js funktionieren, oder einen Hinweis hinzufügen, dass diese nur für analytics.js gelten. Ich ziehe es vor, die Notiz hinzuzufügen, da ich nicht die entsprechenden Arbeitsskripte dafür habe.

Ich finde diesen Kommentar von Philip Walton ein überzeugendes Argument, nicht zu gtag.js zu wechseln:

Die andere Sache, die man bei gtag beachten sollte, ist, dass es nicht wirklich ein analytics.js -Ersatz ist, sondern eine Wrapper-Bibliothek über analytics.js (und anderen), also gtag -Bibliothek muss noch analytics.js laden und alle relevanten gtag -Befehle in analytics.js -Befehle umwandeln und ausführen.

Derzeit sind gtag 54,5 K und analytics.js 33,7 K, und da gtag auch analytics.js lädt, sind das 262 % mehr Code für weniger Funktionalität. Es gibt auch das Problem, dass gtag ist (da Sie Ihre Tracking-ID als Abfragezeichenfolge hinzufügen), sodass es unwahrscheinlich ist, dass Ihre Benutzer sie zwischenspeichern. analytics.js hingegen wird überall im Web verwendet, daher ist es sehr wahrscheinlich, dass es sich bereits im Cache Ihrer Besucher befindet, wenn sie Ihre Website laden.

Aus all diesen Gründen habe ich also nicht vor, zu gtag zu wechseln, da dies dazu führt, dass das Laden meiner Website länger dauert und mehr Bandbreite meiner Benutzer verbraucht wird.

Ich habe kürzlich ein wenig tief in die Materie eingetaucht, um einige der Unterschiede zwischen analytics.js und gtag.js zu verstehen - eine kleine Sache, die es wert ist, berücksichtigt zu werden, ist, dass gtag das Plugin-Format nicht unterstützt, das analytics.js unterstützt, also wechseln Sie zu diesem kann einige zukünftige Implementierungspläne brechen, aber wahrscheinlich gut für die Boilerplate.

Endlich dazu gekommen, dies mit einer PR anzusprechen. (#2118) - Danke für das Feedback @jcutrell und @TheDancingCode !
Außerdem fügen wir dem standardmäßigen Analyse-Snippet ga('set','transport','beacon'); hinzu, um die Leistung zu verbessern.

Beim Hinzufügen einer neuen Website zu Google Analytics ist der bereitgestellte Tracking-Code jetzt gtag.js, der etwas anders funktioniert als das zuvor empfohlene analytics.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) ist weiterhin für Benutzer verfügbar, aber ich denke, wir müssen in der Dokumentation klarstellen, dass die nützlichen Tracking-Snippets, die wir derzeit in H5BP haben (IP-Adressen anonymisieren, jQuery-AJAX-Anforderungen verfolgen, JavaScript-Fehler verfolgen und Seitenscroll verfolgen). ) sind für analytics.js und nicht für gtag.js.

Heute arbeite ich an der Migration einer Website von analytics.js zu gtag.js (gemäß dieser Anleitung: https://developers.google.com/analytics/devguides/collection/gtagjs/migration), also werde ich sehen, ob wir die Snippets haben kann aktualisiert werden, um mit gtag.js zu arbeiten.

Wenn jemand noch weitere Gedanken dazu hat, bitte melden.

Die folgenden Erweiterungen könnten nützlich sein

Magento 1 Gtag-Erweiterung

Magento 2 Gtag-Erweiterung

Ich habe ga mehrere Jahre lang verwendet, heute habe ich festgestellt, dass der Google Analytics-Code von ga zu gtag geändert wurde. Ich bin sehr verwirrt, warum Google ga auf gtag aktualisiert, was ist der Vorteil?

@fbens , es fügt alle Google-Trackings mit einem Tracking hinzu, einschließlich GA, AdWords, Remarketing, Optimizer usw. Es wird für mehrere Trackings anstelle von nur GA verwendet. Ich hoffe es hilft