Make another responsibility more explicit in the analytics shared com…

…ponent #3329

src/read-side/html-pages/shared-components/analytics/analytics.ts

@@ -56,13 +56,6 @@ const renderTagManagerScript = (userId: O.Option<UserId>) => (tagManagerId: stri
   </script>
 `;
 
-const renderTagManagerNoScript = (tagManagerId: string) => `
-  <!-- Google Tag Manager (noscript) -->
-  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=${tagManagerId}"
-  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
-  <!-- End Google Tag Manager (noscript) -->
-`;
-
 export const googleTagManager = (userId: O.Option<UserId>): HtmlFragment => pipe(
   process.env.GOOGLE_TAG_MANAGER_ID,
   O.fromNullable,
@@ -72,13 +65,3 @@ export const googleTagManager = (userId: O.Option<UserId>): HtmlFragment => pipe
   ),
   toHtmlFragment,
 );
-
-export const googleTagManagerNoScript = (): HtmlFragment => pipe(
-  process.env.GOOGLE_TAG_MANAGER_ID,
-  O.fromNullable,
-  O.match(
-    constant(''),
-    renderTagManagerNoScript,
-  ),
-  toHtmlFragment,
-);

src/read-side/html-pages/shared-components/analytics/google-tag-manager-no-script.ts

@@ -0,0 +1,20 @@
+import * as O from 'fp-ts/Option';
+import { constant, pipe } from 'fp-ts/function';
+import { HtmlFragment, toHtmlFragment } from '../../../../types/html-fragment';
+
+const renderTagManagerNoScript = (tagManagerId: string) => `
+  <!-- Google Tag Manager (noscript) -->
+  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=${tagManagerId}"
+  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+  <!-- End Google Tag Manager (noscript) -->
+`;
+
+export const googleTagManagerNoScript = (): HtmlFragment => pipe(
+  process.env.GOOGLE_TAG_MANAGER_ID,
+  O.fromNullable,
+  O.match(
+    constant(''),
+    renderTagManagerNoScript,
+  ),
+  toHtmlFragment,
+);

src/read-side/html-pages/shared-components/analytics/index.ts

@@ -1,2 +1,3 @@
-export { googleTagManager, googleTagManagerNoScript } from './analytics';
 export { fathom } from './fathom';
+export { googleTagManager } from './analytics';
+export { googleTagManagerNoScript } from './google-tag-manager-no-script';