Add policy and service links to README, add GA, and mapbox token

heshan0131 · heshan0131 · commit d2a5ce5dc01c · 2019-10-07T11:20:35.000-07:00
Signed-off-by: Shan He &lt;heshan0131@gmail.com&gt;
diff --git a/README.md b/README.md
@@ -85,3 +85,8 @@ Deploy local app to uber.github.io, this will be the app that Tableau extension
 ```sh
 npm run deploy
 ```
+
+## Links
+[kepler.gl Support Policy](https://kepler.gl/policy)
+[Privacy Policy](https://lfprojects.org/policies/privacy-policy/)
+[Term of Use](https://lfprojects.org/policies/terms-of-use/)
diff --git a/public/index.html b/public/index.html
@@ -4,6 +4,8 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <meta name="theme-color" content="#000000">
+    <title>kepler.gl for Tableau</title>
+
     <!--
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
@@ -20,11 +22,22 @@
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
     <link href="https://d1a3f4spazzrp4.cloudfront.net/uber-fonts/4.0.0/superfine.css" rel="stylesheet">
-    <link href="https://api.tiles.mapbox.com/mapbox-gl-js/v0.42.0/mapbox-gl.css" rel="stylesheet">
+    <link href="https://api.tiles.mapbox.com/mapbox-gl-js/v1.1.1/mapbox-gl.css" rel="stylesheet">
     <style type="text/css">
       body {margin: 0; padding: 0; overflow: hidden;}
    </style>
-   <title>React App</title>
+
+    <!-- Google Analytics -->
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-64694404-19"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+      gtag('config', 'UA-64694404-19', {
+        page_path: location.pathname + location.search + location.hash
+      });
+    </script>
   </head>
   <body>
     <noscript>
diff --git a/src/App.js b/src/App.js
@@ -63,6 +63,8 @@ import dbLogo from './assets/dblogo.png';
 import ssLogo from './assets/sslogo.jpg';
 import kepLogo from './assets/kepler.gl-logo.png';
 
+const MAPBOX_ACCESS_TOKEN = 'pk.eyJ1IjoidWJlcmRhdGEiLCJhIjoiY2p2OGVvejQwMDJxZzRma2dvdWQ2OTQwcSJ9.VbuIamTa_JayuD2yr5tjaA';
+
 // begin constants to move to another file later
 // material ui styles
 const styles = theme => ({
@@ -647,7 +649,7 @@ class App extends Component {
 
         // default to uber's Kepler key that they requested if user does not enter
         this.setState({
-          tableauKey: 'pk.eyJ1IjoidWJlcmRhdGEiLCJhIjoiY2p2OGVvejQwMDJxZzRma2dvdWQ2OTQwcSJ9.VbuIamTa_JayuD2yr5tjaA',
+          tableauKey: MAPBOX_ACCESS_TOKEN,
           isLoading: false,
           height: window.innerHeight,
           width: window.innerWidth,
