feat(gatsby-plugin-google-tagmanager): Allow to place the GTM script … (

#13424) * feat(gatsby-plugin-google-tagmanager): Allow to place the GTM script at the end of the <body> tag * fix: Remove a ; * fix(gatsby-plugin-google-tagmanager): Flip over the head/body condition
gatsbyjs · Apr 18, 2019 · 0b56c3b · 0b56c3b
1 parent 44e7067
commit 0b56c3b
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 4 deletions.
diff --git a/packages/gatsby-plugin-google-tagmanager/README.md b/packages/gatsby-plugin-google-tagmanager/README.md
@@ -24,6 +24,11 @@ plugins: [
       gtmAuth: "YOUR_GOOGLE_TAGMANAGER_ENVIROMENT_AUTH_STRING",
       gtmPreview: "YOUR_GOOGLE_TAGMANAGER_ENVIROMENT_PREVIEW_NAME",
       dataLayerName: "YOUR_DATA_LAYER_NAME",
+
+      // Whether to put the GTM script into the <head> (as suggested by Google)
+      // or append it to the <body> (making it non-blocking).
+      // Defaults to false meaning GTM will be added in the <head> (again, as suggested by Google).
+      addTagInBody: false,
     },
   },
 ]

diff --git a/packages/gatsby-plugin-google-tagmanager/package.json b/packages/gatsby-plugin-google-tagmanager/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gatsby-plugin-google-tagmanager",
   "description": "Gatsby plugin to add google tagmanager onto a site",
-  "version": "2.0.13",
+  "version": "2.1.0",
   "author": "Thijs Koerselman <thijs@vauxlab.com>",
   "bugs": {
     "url": "https://github.com/gatsbyjs/gatsby/issues"

diff --git a/packages/gatsby-plugin-google-tagmanager/src/gatsby-ssr.js b/packages/gatsby-plugin-google-tagmanager/src/gatsby-ssr.js
@@ -1,8 +1,8 @@
-import React from "react"
 import { oneLine, stripIndent } from "common-tags"
+import React from "react"
 
 exports.onRenderBody = (
-  { setHeadComponents, setPreBodyComponents },
+  { setHeadComponents, setPreBodyComponents, setPostBodyComponents },
   pluginOptions
 ) => {
   if (
@@ -18,7 +18,10 @@ exports.onRenderBody = (
     `
         : ``
 
-    setHeadComponents([
+    const setComponents = pluginOptions.addTagInBody
+      ? setPostBodyComponents
+      : setHeadComponents
+    setComponents([
       <script
         key="plugin-google-tagmanager"
         dangerouslySetInnerHTML={{