fix(package): updated metatags

angular-material-extensions · Nov 24, 2019 · d6a6731 · d6a6731
1 parent 51914b6
commit d6a6731
Show file tree

Hide file tree

Showing 5 changed files with 59 additions and 1 deletion.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -44,6 +44,7 @@
     "@nguniversal/express-engine": "^8.1.1",
     "@nguniversal/module-map-ngfactory-loader": "8.1.1",
     "angular-cli-ghpages": "^0.6.0",
+    "angulartics2": "^8.1.0",
     "express": "^4.15.2",
     "hammerjs": "^2.0.8",
     "ngx-markdown": "^8.2.1",

diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -1,5 +1,6 @@
 import {Component} from '@angular/core';
 import {Country} from '@angular-material-extensions/select-country';
+import {Angulartics2GoogleAnalytics} from 'angulartics2/ga';
 
 @Component({
   selector: 'app-root',
@@ -9,6 +10,10 @@ import {Country} from '@angular-material-extensions/select-country';
 export class AppComponent {
   title = 'select-county';
 
+  constructor(angulartics2GoogleAnalytics: Angulartics2GoogleAnalytics) {
+    angulartics2GoogleAnalytics.startTracking();
+  }
+
   onCountrySelected($event: Country) {
     console.log($event);
   }

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
@@ -8,6 +8,7 @@ import {HttpClientModule} from '@angular/common/http';
 import {MarkdownModule} from 'ngx-markdown';
 import {FlexLayoutModule} from '@angular/flex-layout';
 import {BrowserModule} from '@angular/platform-browser';
+import { Angulartics2Module } from 'angulartics2';
 
 @NgModule({
   declarations: [
@@ -19,6 +20,7 @@ import {BrowserModule} from '@angular/platform-browser';
     HttpClientModule,
     AppRoutingModule,
     FlexLayoutModule,
+    Angulartics2Module.forRoot(),
     MarkdownModule.forRoot(),
     MatSelectCountryModule,
   ],

diff --git a/src/index.html b/src/index.html
@@ -1,13 +1,55 @@
 <!doctype html>
 <html lang="en">
 <head>
-  <meta charset="utf-8">
   <title>SelectCounty</title>
   <base href="/">
+  <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="mobile-web-app-capable" content="yes">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+
+  <meta name="description" content="Angular Material component that allow users to select a country or nationality with an autocomplete feature"/>
+
+  <!-- Twitter Card data -->
+  <meta name="twitter:card" content="summary">
+  <meta name="twitter:site" content="@anthonynahas">
+  <meta name="twitter:title" content="@angular-material-extensions/select-country">
+  <!-- Page description less than 200 characters -->
+  <meta name="twitter:description"
+        content="Angular Material component that allow users to select a country or nationality with an autocomplete feature">
+  <meta name="twitter:creator" content="@anthonynahas">
+  <!-- Twitter Summary card images must be at least 120x120px -->
+  <meta name="twitter:image"
+        content="https://@angular-material-extensions.github.io/password-strength/assets/logo.svg">
+
+  <!-- Open Graph data -->
+  <meta property="og:title" content="@angular-material-extensions/select-country"/>
+  <meta property="og:type" content="article"/>
+  <meta property="og:url" content="https://angular-material-extensions.github.io/select-country"/>
+  <meta property="og:image"
+        content="https://@angular-material-extensions.github.io/password-strength/assets/logo.svg"/>
+  <meta property="og:description"
+        content="Angular Material component that allow users to select a country or nationality with an autocomplete feature"/>
+  <meta property="og:site_name" content="@angular-material-extensions/select-country"/>
+
   <link rel="icon" type="image/x-icon" href="favicon.ico">
   <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet">
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+
+  <!-- Global site tag (gtag.js) - Google Analytics -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-114342493-8"></script>
+  <script>
+      window.dataLayer = window.dataLayer || [];
+
+      function gtag() {
+          dataLayer.push(arguments);
+      }
+
+      gtag('js', new Date());
+
+      gtag('config', 'UA-114342493-8');
+  </script>
 </head>
 <body>
   <app-root></app-root>