Change from Google Analytics to Segment.io

Use a different value for production and development environments.

= Add SEGMENT_TRACKING_ID to .env.developemt
- On Render SEGMENT_TRACKING_ID is et to be the same as in dev env
  because Render uses the same env variables
  across prod and PR review apps
- Override the value of the SEGMENT_TRACKING_ID variable in Dockerfile
  so that production env will use a different key

Linear: https://linear.app/buildkite/issue/ONB-29/🔗-integrate-docs-with-segment

Author: Elle Meredith

.env.development

@@ -1 +1 @@
-RENDER_PR_APP=true
+SEGMENT_TRACKING_ID=EuoLh8Z8RQR0GXhCWz3H0ddTSIV4ysJv

.gitignore

@@ -23,7 +23,6 @@
 # Ignore master key for decrypting credentials and more.
 /config/master.key
 
-# Ignore algolia api key
 /.env
 
 /vendor/bundle

Dockerfile

@@ -54,7 +54,6 @@ EXPOSE 3000
 # Let puma serve the static files
 ENV RAILS_SERVE_STATIC_FILES=true
 
-# Set Render PR App switch
-ENV RENDER_PR_APP=false
+ENV SGEMENT_TRACKING_ID=q0LtPl49tgnyHHY8PGBsPsshHk9AVNKm
 
 CMD ["bundle", "exec", "puma", "-C", "./config/puma.rb"]

app/views/application/_analytics.html.erb

@@ -1,12 +1,6 @@
-<% unless Rails.env.test? %>
-  <%= javascript_include_tag "https://www.googletagmanager.com/gtag/js?id=G-08J9WTTHMP", async: true %>
-<% end %>
-
 <%= javascript_tag nonce: true do %>
-  window.dataLayer = window.dataLayer || [];
-  function gtag(){dataLayer.push(arguments);}
-  gtag('js', new Date());
-
-  gtag('config', 'G-08J9WTTHMP');
-  gtag('config', 'UA-189329674-2');
-<% end %>
+   !function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on","addSourceMiddleware","addIntegrationMiddleware","setAnonymousId","addDestinationMiddleware"];analytics.factory=function(e){return function(){var t=Array.prototype.slice.call(arguments);t.unshift(e);analytics.push(t);return analytics}};for(var e=0;e<analytics.methods.length;e++){var key=analytics.methods[e];analytics[key]=analytics.factory(key)}analytics.load=function(key,e){var t=document.createElement("script");t.type="text/javascript";t.async=!0;t.src="https://cdn.segment.com/analytics.js/v1/" + key + "/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n);analytics._loadOptions=e};analytics._writeKey="<%= ENV['SEGMENT_TRACKING_ID'] %>";;analytics.SNIPPET_VERSION="4.15.3";
+   analytics.load("<%= ENV['SEGMENT_TRACKING_ID'] %>");
+   analytics.page();
+   }}();
+ <% end %>