Add google analytics integration (#18)

* Install vue-gtag plugin

* Register gtag

* Add gtag measurmentId to global config

* Add measurementid to docs site

Author: d0rich

app.config.ts

@@ -62,6 +62,9 @@ interface ExactproDocsOptions {
       content: string
     }[]
   }
+  gtag?: {
+    measurementId?: string
+  }
   social?: {
     githhub?: SocialLinkConfigOptions
     facebook?: SocialLinkConfigOptions

docs/app.config.ts

@@ -39,6 +39,9 @@ export default defineAppConfig({
           content: 'PYzR06VK4UIZvGdBkMh_TkqOu83QxapFJknyAR58yJA'
         }
       ]
+    },
+    gtag: {
+      measurementId: 'G-BD6STVYLJK'
     }
   }
 })

package-lock.json

@@ -59,6 +59,7 @@
     "@types/mermaid": "^9.2.0",
     "nuxt": "^3.3.1",
     "nuxt-icon": "^0.3.3",
-    "rehype-external-links": "^2.1.0"
+    "rehype-external-links": "^2.1.0",
+    "vue-gtag-next": "^1.14.0"
   }
 }

package.json

@@ -0,0 +1,30 @@
+/*
+ * Copyright 2023 Exactpro (Exactpro Systems Limited)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import VueGtag from 'vue-gtag-next'
+
+export default defineNuxtPlugin((nuxtApp) => {
+  const config = useAppConfig()
+  const measurementId = config.exactproDocs.gtag?.measurementId
+  if (!measurementId) {
+    return
+  }
+  nuxtApp.vueApp.use(VueGtag, {
+    property: {
+      id: measurementId
+    }
+  })
+})