📈 Add google analytics

Author: Laza Nantenaina

.gitignore

@@ -2,3 +2,4 @@ node_modules/
 .cache/
 public
 private-key.pem
+.env

gatsby-config.js

@@ -1,5 +1,38 @@
+require("dotenv").config({
+  path: ".env",
+});
+
 module.exports = {
   plugins: [
+    {
+      resolve: `gatsby-plugin-google-gtag`,
+      options: {
+        // You can add multiple tracking ids and a pageview event will be fired for all of them.
+        trackingIds: [
+          process.env.GA_TRACKING_ID, // Google Analytics / GA
+        ],
+        // This object gets passed directly to the gtag config command
+        // This config will be shared across all trackingIds
+        // gtagConfig: {
+        //   optimize_id: "OPT_CONTAINER_ID",
+        //   anonymize_ip: true,
+        //   cookie_expires: 0,
+        // },
+        // This object is used for configuration specific to this plugin
+        pluginConfig: {
+          // Puts tracking script in the head instead of the body
+          head: false,
+          // Setting this parameter is also optional
+          respectDNT: true,
+          // Avoids sending pageview hits from custom paths
+          // exclude: ["/preview/**", "/do-not-track/me/too/"],
+          // Defaults to https://www.googletagmanager.com
+          // origin: "YOUR_SELF_HOSTED_ORIGIN",
+          // Delays processing pageview events on route update (in milliseconds)
+          delayOnRouteUpdate: 0,
+        },
+      },
+    },
     `gatsby-plugin-sharp`,
     `gatsby-plugin-styled-components`,
     `gatsby-plugin-image`,

package-lock.json

@@ -22,6 +22,7 @@
     "framer-motion": "^4.1.17",
     "gatsby": "^3.9.1",
     "gatsby-plugin-google-fonts": "^1.0.1",
+    "gatsby-plugin-google-gtag": "^5.2.0",
     "gatsby-plugin-image": "^2.0.0",
     "gatsby-plugin-intl": "^0.3.3",
     "gatsby-plugin-manifest": "^4.18.1",