Gatsby: Tambahkan dukungan untuk Google Optimize dalam plugin Google Analytics

Ringkasan

Dalam Plugin Google Analytics, saat ini tidak ada cara untuk menentukan ID penampung Google Optimize untuk memungkinkan pengujian A / B yang mudah.

Contoh dasar

Berikut tautan ke penyiapan yang disarankan Google Optimize: https://support.google.com/optimize/answer/6262084?hl=id

Metode ini pada dasarnya bermuara pada menambahkan ga('require', 'GTM-XXXXXX'); mana GTM-XXXXXX adalah id kontainer. Berikut adalah contoh di mana baris ini ditambahkan:

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

Tampaknya ini dapat dengan mudah ditambahkan ke plugin Google Analytics yang ada, mengikuti baris anonim:

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

Dan akan memungkinkan untuk menyetel Id ini di 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
      },

Motivasi

Menambahkan dukungan untuk Google Optimize Id dibangun di atas dukungan yang sudah ada untuk Google Analytics + Google Tag Manager dan membuatnya sangat mudah bagi pengguna untuk dengan mudah melakukan pengujian multivariasi A / B + kompleks di situs Gatsby yang ada.

Dengan senang hati akan mengirimkan PR dengan tambahan ini dan menerima umpan balik sebelumnya!