fix lint, add gtag

StephenFluin · Mar 26, 2021 · 947718c · 947718c
1 parent 61b93c5
commit 947718c
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 5 deletions.
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -5,6 +5,8 @@ import { trigger, transition, group, query, style, animate } from '@angular/anim
 import { filter } from 'rxjs/operators';
 
 declare var ga: any;
+declare var gtag: any;
+
 @Component({
     selector: 'app-root',
     templateUrl: './app.component.html',
@@ -53,10 +55,10 @@ export class AppComponent {
         }
         return this._maxHeight;
     }
-    @ViewChild('container', {static: false}) container: ElementRef;
+    @ViewChild('container', { static: false }) container: ElementRef;
 
     constructor(router: Router, activatedRoute: ActivatedRoute, title: Title, meta: Meta) {
-        router.events.pipe(filter(e => e instanceof NavigationEnd)).subscribe((n: NavigationEnd) => {
+        router.events.pipe(filter((e) => e instanceof NavigationEnd)).subscribe((n: NavigationEnd) => {
             const pageTitle = router.routerState.snapshot.root.children[0].data['title'];
             if (pageTitle) {
                 title.setTitle(pageTitle);
@@ -65,15 +67,15 @@ export class AppComponent {
             }
             window.scrollTo(0, 0);
             ga('send', 'pageview', n.urlAfterRedirects);
+            gtag('config', 'G-2CB60WKV1M', { page_path: n.urlAfterRedirects });
         });
-        router.events.pipe(filter(e => e instanceof NavigationStart)).subscribe(next => {
+        router.events.pipe(filter((e) => e instanceof NavigationStart)).subscribe((next) => {
             meta.removeTag('name=robots');
 
             if (this.container) {
                 this._maxHeight = null;
             }
         });
-
     }
 
     /** Get the current page for route animation purposes */

diff --git a/src/app/embeddable/post-list.component.ts b/src/app/embeddable/post-list.component.ts
@@ -9,7 +9,7 @@ import { PostService, Post } from 'app/shared/post.service';
 <div id="posts-block">
     <a class="card featured-blog-post" *ngFor="let post of posts | async" [routerLink]="['blog',post.id]">
         <div class="post-image" *ngIf="!post.image" style="background-image: url('/assets/images/imgpostholder.png')"></div>
-        <div class="post-image" *ngIf="post.image" [style.background-image]="'url('+post.image+')'"></div>
+        <div class="post-image" *ngIf="post.image" [style.background-image]="'url(\\'' + post.image + '\\')'"></div>
         <div class="post-details">
             <h4 class="post-title">
                 {{post.title}}

diff --git a/src/index.html b/src/index.html
@@ -25,6 +25,14 @@
 
         ga('create', 'UA-66278430-2', 'auto');
 
+    </script>
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-2CB60WKV1M"></script>
+    <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+    gtag('js', new Date());
+
     </script>
 
     <script>