Gatsby: Ajouter la prise en charge de Google Optimize dans le plugin Google Analytics

Sommaire

Dans le plug-in Google Analytics, il n'existe actuellement aucun moyen de spécifier un identifiant de conteneur Google Optimize pour permettre des tests A / B faciles.

Exemple de base

Voici un lien vers la configuration recommandée de Google Optimize: https://support.google.com/optimize/answer/6262084?hl=fr

Cette méthode se résume essentiellement à l'ajout de ga('require', 'GTM-XXXXXX'); où GTM-XXXXXX est l'ID du conteneur. Voici un exemple où cette ligne est ajoutée:

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

Il semble que cela pourrait facilement être ajouté au plugin google analytics existant, en suivant la ligne d'anonymisation:

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

Et permettrait de définir cet identifiant dans gatsby-config:

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

L'ajout de la prise en charge d'un identifiant Google Optimize s'appuie sur la prise en charge déjà existante de Google Analytics + Google Tag Manager et permet aux utilisateurs d'effectuer facilement des tests multivariés complexes A / B + sur leurs sites Gatsby existants.

Je serais heureux de soumettre un PR avec cet ajout et de recevoir vos commentaires à l'avance!