Gatsby: أضف دعمًا لـ Google Optimize داخل مكون Google Analytics الإضافي

ملخص

في Google Analytics Plugin ، لا توجد حاليًا طريقة لتحديد معرف حاوية Google Optimize للسماح بإجراء اختبار A / B سهل.

مثال أساسي

إليك رابط لإعداد Google Optimize الموصى به: https://support.google.com/optimize/answer/6262084؟hl=ar

تتلخص هذه الطريقة أساسًا في إضافة ga('require', 'GTM-XXXXXX'); حيث يكون GTM-XXXXXX هو معرف الحاوية. فيما يلي مثال على مكان إضافة هذا السطر:

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

يبدو أنه يمكن إضافة هذا بسهولة إلى المكون الإضافي الحالي لتحليلات google ، باتباع سطر إخفاء الهوية:

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

وسيسمح بتعيين هذا المعرف في 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
      },

التحفيز

تعتمد إضافة دعم لمعرف Google Optimize على الدعم الموجود بالفعل لـ Google Analytics + Google Tag Manager وتجعل من السهل جدًا على المستخدمين إجراء اختبارات معقدة ومتعددة المتغيرات A / B + على مواقع Gatsby الحالية الخاصة بهم.

سيكون من دواعي سرورنا تقديم PR مع هذه الإضافة ونرحب بأي ملاحظات مسبقًا!