docs: add meta tags and google analytics

lokesh-coder · lokesh-coder · commit 07d70aba387a · 2019-01-05T23:53:51.000+05:30
diff --git a/docs/index.html b/docs/index.html
@@ -2,16 +2,65 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <title>Toppy - A overlay library for Angular</title>
+    <title>Toppy - Overlay library for Angular</title>
     <base href="/" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png" />
+    <link rel="manifest" href="/assets/favicon/site.webmanifest" />
+    <link rel="mask-icon" href="/assets/favicon/safari-pinned-tab.svg" color="#363344" />
+    <link rel="shortcut icon" href="/assets/favicon/favicon.ico" />
+    <meta name="msapplication-TileColor" content="#ffffff" />
+    <meta name="msapplication-config" content="/assets/favicon/browserconfig.xml" />
+    <meta name="theme-color" content="#ffffff" />
+
+    <!-- Primary Meta Tags -->
+    <meta name="title" content="Toppy - Overlay library for Angular " />
+    <meta
+      name="description"
+      content="Create tooltip, modal, sidemenu, dropdowns, popup, context menu, toaster, alerts, datepicker, popovers etc - Easy and Simple API"
+    />
+
+    <!-- Open Graph / Facebook -->
+    <meta property="og:image:width" content="260" />
+    <meta property="og:image:height" content="260" />
+    <meta
+      property="og:description"
+      content="Create tooltip, modal, sidemenu, dropdowns, popup, context menu, toaster, alerts, datepicker, popovers etc - Easy and Simple API"
+    />
+    <meta property="og:title" content="Toppy - Overlay library for Angular " />
+    <meta property="og:url" content="https://lokesh-coder.github.io/toppy/" />
+    <meta property="og:image" content="https://lokesh-coder.github.io/toppy/assets/favicon/og-image.jpg" />
+
+    <!-- Twitter -->
+    <meta property="twitter:card" content="summary_large_image" />
+    <meta property="twitter:url" content="https://lokesh-coder.github.io/toppy/" />
+    <meta property="twitter:title" content="Toppy - Overlay library for Angular " />
+    <meta
+      property="twitter:description"
+      content="Create tooltip, modal, sidemenu, dropdowns, popup, context menu, toaster, alerts, datepicker, popovers etc - Easy and Simple API"
+    />
+    <meta property="twitter:image" content="https://lokesh-coder.github.io/toppy/assets/favicon/og-image.jpg" />
+
+    <meta name="google-site-verification" content="C41n5kK94CMfvDgDR4RRKI47Xuw_3exdx_jdupZ0tlI" />
   </head>
 
   <body>
     <app-root></app-root>
     <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
     <script async defer src="https://buttons.github.io/buttons.js"></script>
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-131727398-1"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag('js', new Date());
+
+      gtag('config', 'UA-131727398-1');
+    </script>
   </body>
 </html>
