Gatsby: Fügen Sie im Google Analytics-Plugin Unterstützung für Google Optimize hinzu

Zusammenfassung

Im Google Analytics-Plugin gibt es derzeit keine Möglichkeit, eine Google Optimize-Container-ID anzugeben, um einfache A / B-Tests zu ermöglichen.

Grundlegendes Beispiel

Hier ist ein Link zum empfohlenen Setup von Google Optimize: https://support.google.com/optimize/answer/6262084?hl=de

Diese Methode läuft im Wesentlichen darauf hinaus, ga('require', 'GTM-XXXXXX'); hinzuzufügen, wobei GTM-XXXXXX die Container-ID ist. Hier ist ein Beispiel, wo diese Zeile hinzugefügt wird:

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

Es scheint, dass dies leicht zu dem vorhandenen Google Analytics-Plugin hinzugefügt werden könnte, indem man der Anonymisierungszeile folgt:

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

Und würde das Setzen dieser ID in gatsby-config ermöglichen:

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
      },

Motivation

Das Hinzufügen von Unterstützung für eine Google Optimize-ID baut auf der bereits vorhandenen Unterstützung für Google Analytics + Google Tag Manager auf und macht es Benutzern sehr einfach, komplexe multivariate A / B + -Tests auf ihren vorhandenen Gatsby-Websites durchzuführen.

Würde mich freuen, eine PR mit diesem Zusatz einzureichen und freue mich über jedes Feedback im Voraus!