/shrug

package.json

@@ -134,6 +134,7 @@
     "pako": "^1.0.6",
     "prop-types": "^15.6.2",
     "react": "^15.5.4",
+    "react-adsense": "0.0.6",
     "react-dom": "^15.5.4",
     "react-extras": "^0.7.1",
     "react-ga": "^2.5.3",

src/app/components/Ad.jsx

@@ -12,11 +12,7 @@ export default class Ad extends Component {
   }
   // This code is ran when the component mounts
   componentDidMount() {
-    try {
+
-      (window.adsbygoogle = window.adsbygoogle || []).push({});
-    } catch (err) {
-      console.error(err);
-    }
   }
 
   // an outer div for styling purposes

src/app/pages/AboutPage.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import Page from './Page';
 import { CoriolisLogo, GitHub } from '../components/SvgIcons';
-import Ad from '../components/Ad';
+import AdSense from 'react-adsense';
 
 /**
  * About Page
@@ -128,14 +128,11 @@ export default class AboutPage extends Page {
             height="1"
           />
         </form>
-        <Ad
+        <AdSense.Google
           client="ca-pub-3709458261881414"
           slot="4156867783"
           format="auto"
-          wrapperDivStyle={{
+          responsive="true"
-            marginTop: '15px',
-            marginBottom: '20px'
-          }}
         />
       </div>
     );

src/app/pages/OutfittingPage.jsx

@@ -23,7 +23,7 @@ import {
 } from '../components/SvgIcons';
 import LZString from 'lz-string';
 import ShipSummaryTable from '../components/ShipSummaryTable';
-import Ad from '../components/Ad';
+import AdSense from 'react-adsense';
 import StandardSlotSection from '../components/StandardSlotSection';
 import HardpointSlotSection from '../components/HardpointSlotSection';
 import InternalSlotSection from '../components/InternalSlotSection';
@@ -1096,14 +1096,11 @@ export default class OutfittingPage extends Page {
           opponentEng={opponentEng}
           opponentWep={opponentWep}
         />
-        <Ad
+        <AdSense.Google
           client="ca-pub-3709458261881414"
           slot="4156867783"
           format="auto"
-          wrapperDivStyle={{
+          responsive="true"
-            marginTop: '15px',
-            marginBottom: '20px'
-          }}
         />
       </div>
     );

src/app/pages/ShipyardPage.jsx

@@ -6,7 +6,7 @@ import Ship from '../shipyard/Ship';
 import * as ModuleUtils from '../shipyard/ModuleUtils';
 import { SizeMap } from '../shipyard/Constants';
 import Link from '../components/Link';
-import Ad from '../components/Ad';
+import AdSense from 'react-adsense';
 
 /**
  * Counts the hardpoints by class/size
@@ -612,14 +612,11 @@ export default class ShipyardPage extends Page {
                 {detailRows}
               </tbody>
             </table>
-            <Ad
+            <AdSense.Google
               client="ca-pub-3709458261881414"
               slot="4156867783"
               format="auto"
-              wrapperDivStyle={{
+              responsive="true"
-                marginTop: '15px',
-                marginBottom: '20px'
-              }}
             />
           </div>
         </div>

src/index.ejs

@@ -5,12 +5,15 @@
     <meta charset="UTF-8">
     <link rel="stylesheet" href="<%= htmlWebpackPlugin.files.css[0] %>">
     <!-- Standard headers -->
-    <meta name="description" content="A ship builder, outfitting and comparison tool for Elite Dangerous">
+    <meta name="description" content="A ship builder, outfitting and comparison
+      tool for Elite Dangerous">
     <meta name="mobile-web-app-capable" content="yes">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0,
+      maximum-scale=1.0, user-scalable=0">
     <link rel="manifest" href="/manifest.json">
     <link rel="shortcut icon" href=/favicon2.ico>
-    <link rel="icon" sizes="152x152 192x192" type="image/png" href="/192x192.png">
+    <link rel="icon" sizes="152x152 192x192" type="image/png"
+      href="/192x192.png">
 
     <!-- Apple/iOS headers -->
     <meta name="apple-mobile-web-app-capable" content="yes">
@@ -29,9 +32,9 @@
       window.CORIOLIS_DATE = '<%- htmlWebpackPlugin.options.date.toISOString().slice(0, 10)  %>';
       window.BUGSNAG_VERSION = '<%- htmlWebpackPlugin.options.version + '-' + htmlWebpackPlugin.options.date.toISOString()  %>';
     </script>
-    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
+    <script async
+      src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
     <script>
-    (adsbygoogle = window.adsbygoogle || []).push({});
     </script>
     <% if (htmlWebpackPlugin.options.uaTracking) { %>
       <script>
@@ -61,7 +64,8 @@
 
         <!-- Bugsnag -->
         <script src="//d2wy8f7a9ursnm.cloudfront.net/v4/bugsnag.min.js"></script>
-    <script src="//d2wy8f7a9ursnm.cloudfront.net/bugsnag-plugins/v1/bugsnag-react.min.js"></script>
+        <script
+          src="//d2wy8f7a9ursnm.cloudfront.net/bugsnag-plugins/v1/bugsnag-react.min.js"></script>
         <script>
       window.bugsnagClient = bugsnag('ba9fae819372850fb660755341fa6ef5', {appVersion: window.BUGSNAG_VERSION || undefined})
       window.Bugsnag = window.bugsnagClient
@@ -71,4 +75,4 @@
         <section id="coriolis"></section>
 
       </body>
-</html>
+    </html>