GatsbyJS - Add Google AdSense

Copy 
1import React from "react";
2
3export const onRenderBody = ({ setHeadComponents, setPostBodyComponents }) => {
4  const pluginOptions = {
5    googleAdClientId: `ca-pub-XXXXXXXXXXXXXX`, //TODO: Replace with your client-Id
6    head: true, // Set to false if you prefer to have your adsense script loaded at the end of body instead of head.
7  };
8
9  if (process.env.NODE_ENV !== `production`) {
10    return null;
11  }
12  if (pluginOptions.googleAdClientId === undefined) {
13    return null;
14  }
15  const setComponents = pluginOptions.head
16    ? setHeadComponents
17    : setPostBodyComponents;
18  return setComponents([
19    <script
20      async
21      type="text/javascript"
22      src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"
23    />,
24    <script
25      key={`gatsby-plugin-google-adsense`}
26      dangerouslySetInnerHTML={{
27        __html: `
28        (adsbygoogle = window.adsbygoogle || []).push({
29            google_ad_client: "${pluginOptions.googleAdClientId}",
30            enable_page_level_ads: true
31        });
32        `,
33      }}
34    />,
35  ]);
36};