Swap from Microanalytics to Beam. (Still privacy-focussed, better fre…

…e tier.)

.github/workflows/build_and_publish.yml

@@ -40,7 +40,7 @@ jobs:
           ALGOLIA_SEARCH_ONLY_API_KEY: ${{ secrets.ALGOLIA_SEARCH_ONLY_API_KEY }}
           ALGOLIA_ADMIN_API_KEY: ${{ secrets.ALGOLIA_ADMIN_API_KEY }}
           ALGOLIA_INDEX_NAME: ${{ secrets.ALGOLIA_INDEX_NAME }}
-          MICROANALYTICS_ID: ${{secrets.MICROANALYTICS_ID}} || "none"
+          BEAM_ID: ${{secrets.BEAM_ID}}
           BEARER_TOKEN: ${{ secrets.BEARER_TOKEN }}
           NODE_ENV: production
           GATSBY_ACTIVE_ENV: production

README.md

@@ -119,7 +119,7 @@ Create an `.env` file like below in the root folder. Change `...` placeholders w
 <br />By default, your `.env` file will be ignored by git. Remove `.env` from `.gitignore` in order to be able to push the file to your repository.
 
 ```text
-MICROANALYTICS_ID=...
+CLICKY_ID=...
 ALGOLIA_APP_ID=...
 ALGOLIA_SEARCH_ONLY_API_KEY=...
 ALGOLIA_ADMIN_API_KEY=...

content/posts/2021-11-15--tech-stack/index.md

@@ -86,3 +86,7 @@ The [platform code](https://github.com/holly-cummins/gatsby-platform/) for this
 Most of the personalisation is in the `content` folder, but there are a few bits and pieces elsewhere, like `avatar.jpg` and `src/images/jpg`.
 
 The content itself is not open source.
+
+## Updates
+
+Since writing this blog, I've swapped out Microanalytics for Beam Analytics (Microanalytics got rid of their free tier, and a paid solution like Mamoto was overkill).

gatsby-config.js

@@ -51,9 +51,9 @@ module.exports = {
   },
   plugins: [
     {
-      resolve: "microanalytics",
+      resolve: `gatsby-plugin-beam-analytics`,
       options: {
-        id: process.env.MICROANALYTICS_ID
+        dataToken: process.env.BEAM_ID
       }
     },
     `gatsby-plugin-styled-jsx`, // the plugin's code is inserted directly to gatsby-node.js and gatsby-ssr.js files

plugins/gatsby-plugin-beam-analytics/gatsby-node.js

@@ -0,0 +1,14 @@
+exports.pluginOptionsSchema = ({ Joi }) => {
+  return Joi.object({
+    dataToken: Joi.string()
+      .optional()
+      .description(
+        `The data token from the beamanalytics.io onboarding. (If missing, analytics will not be shared.)`
+      )
+  });
+};
+
+// Log out information after a build is done
+exports.onPostBuild = ({ reporter }) => {
+  reporter.info(`beamanalytics.io tags have been added.`);
+};

plugins/gatsby-plugin-beam-analytics/gatsby-ssr.js

@@ -0,0 +1,14 @@
+const React = require("react");
+
+exports.onRenderBody = ({ setHeadComponents }, pluginOptions) => {
+  if (pluginOptions.dataToken && process.env.NODE_ENV === "production") {
+    setHeadComponents([
+      <script
+        key="beam"
+        src="https://beamanalytics.b-cdn.net/beam.min.js"
+        data-token={pluginOptions.dataToken}
+        async
+      ></script>
+    ]);
+  }
+};

plugins/gatsby-plugin-beam-analytics/package.json

@@ -0,0 +1,3 @@
+{
+  "name": "gatsby-plugin-beam-analytics"
+}