add adsense unit

Author: dominicarrojado

public/index.html

@@ -70,7 +70,47 @@
     ></noscript>
     <!-- End Google Tag Manager (noscript) -->
 
+    <!-- Google AdSense -->
+    <script
+      async
+      src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3632473845121107"
+      crossorigin="anonymous"
+    ></script>
+    <!-- End Google AdSense -->
+
+    <!-- Google AdSense Unit (Header) -->
+    <div style="max-width: 1200px; margin: 30px auto">
+      <ins
+        class="adsbygoogle"
+        style="display: block"
+        data-ad-client="ca-pub-3632473845121107"
+        data-ad-slot="2299922139"
+        data-ad-format="auto"
+        data-full-width-responsive="true"
+      ></ins>
+    </div>
+    <script>
+      (adsbygoogle = window.adsbygoogle || []).push({});
+    </script>
+    <!-- End Google AdSense Unit (Header) -->
+
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
+
+    <!-- Google AdSense Unit (Footer) -->
+    <div style="max-width: 1200px; margin: 30px auto">
+      <ins
+        class="adsbygoogle"
+        style="display: block"
+        data-ad-client="ca-pub-3632473845121107"
+        data-ad-slot="3221836158"
+        data-ad-format="auto"
+        data-full-width-responsive="true"
+      ></ins>
+    </div>
+    <script>
+      (adsbygoogle = window.adsbygoogle || []).push({});
+    </script>
+    <!-- End Google AdSense Unit (Footer) -->
   </body>
 </html>

src/index.css

@@ -11,3 +11,7 @@ body {
   -moz-osx-font-smoothing: grayscale;
   line-height: 1.6;
 }
+
+.adsbygoogle[data-ad-status='unfilled'] {
+  display: none !important;
+}