refine ending page & add ga tracking

taepras · Jun 11, 2021 · 3569f1d · 3569f1d
1 parent b574e2d
commit 3569f1d
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 8 deletions.
diff --git a/public/index.html b/public/index.html
@@ -2,6 +2,19 @@
 <html lang="en">
 
 <head>
+  <!-- Global site tag (gtag.js) - Google Analytics -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-63206972-1"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+
+    function gtag() {
+      dataLayer.push(arguments);
+    }
+    gtag('js', new Date());
+
+    gtag('config', 'UA-63206972-1');
+  </script>
+
   <meta charset="utf-8" />
   <link rel="icon" href="%PUBLIC_URL%/favicon.png" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -26,21 +39,21 @@
 
   <!-- Primary Meta Tags -->
   <title>เข้าใจภาษีแบบ "เห็นภาพ"</title>
-  <meta name="title" content="เข้าใจภาษีแบบ &quot;เห็นภาพ&quot;">
+  <meta name="title" content="เข้าใจภาษีแบบ &ldquo;เห็นภาพ&rdquo;">
   <meta name="description" content="คำนวณภาษียากจัง!? มาลองคิดภาษีแบบคร่าวๆ สไตล์มือใหม่หัดทำภาษี ผ่าน data visualization กัน!">
 
   <!-- Open Graph / Facebook -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://taepras.github.io/howtotax">
-  <meta property="og:title" content="เข้าใจภาษีแบบ " เห็นภาพ"">
+  <meta property="og:title" content="เข้าใจภาษีแบบ &ldquo;เห็นภาพ&rdquo;">
   <meta property="og:description" content="คำนวณภาษียากจัง!? มาลองคิดภาษีแบบคร่าวๆ สไตล์มือใหม่หัดทำภาษี ผ่าน data visualization กัน!">
   <meta property="og:image"
     content="%PUBLIC_URL%/ogimage.png">
 
   <!-- Twitter -->
   <meta property="twitter:card" content="summary_large_image">
   <meta property="twitter:url" content="https://taepras.github.io/howtotax">
-  <meta property="twitter:title" content="เข้าใจภาษีแบบ " เห็นภาพ"">
+  <meta property="twitter:title" content="เข้าใจภาษีแบบ &ldquo;เห็นภาพ&rdquo;">
   <meta property="twitter:description" content="คำนวณภาษียากจัง!? มาลองคิดภาษีแบบคร่าวๆ สไตล์มือใหม่หัดทำภาษี ผ่าน data visualization กัน!">
   <meta property="twitter:image"
     content="%PUBLIC_URL%/ogimage.png">

diff --git a/public/logo_initials.svg b/public/logo_initials.svg
diff --git a/src/pages/EndingPage.jsx b/src/pages/EndingPage.jsx
@@ -26,6 +26,9 @@ const EndingPage = ({ currentNarrativeStep, setCurrentNarrativeStep, narrativeSt
       เว็บไซต์
       {' '}
       <a href="https://www.rd.go.th/548.html">กรมสรรพากร</a>
+      {' '}
+      <br />
+      หรือแหล่งข้อมูลเกี่ยวกับภาษีอื่นๆ
     </p>
     <p>
       แต่ถ้าชอบ visualization นี้
@@ -99,15 +102,17 @@ const EndingPage = ({ currentNarrativeStep, setCurrentNarrativeStep, narrativeSt
       </Button>
     </div>
 
-    <p style={{ marginTop: '30px', color: theme.colors.textMuted }}>
-      Tax, visualized. was created by
-      <br />
+    <p style={{ marginTop: '30px', color: theme.colors.textSecondary, fontSize: '0.875rem' }}>
       <a
         href="https://taepras.com"
-        style={{ color: theme.colors.textMuted }}
+        style={{ color: theme.colors.textSecondary }}
       >
-        Tae Prasongpongchai
+        <img src={`${process.env.PUBLIC_URL}/logo_initials.svg`} alt="tp_" style={{ width: 64 }} />
+        <br />
+        taepras.com
       </a>
+      <br />
+      ธนวิชญ์ ประสงค์พงษ์ชัย
     </p>
   </Step>
 );