Feature - Added Optional Google Analytics tag for Status Page.

This commit is contained in:
c
2023-01-08 17:19:07 +00:00
parent d0ac3fc207
commit 29e24e0de9
5 changed files with 23 additions and 0 deletions

View File

@@ -64,6 +64,12 @@
</ul>
</div>
<!-- Google Analytics -->
<div class="my-3">
<label for="googleAnalyticsTag" class="form-label">{{ $t("Google Analytics ID") }}</label>
<input id="googleAnalyticsTag" v-model="config.googleAnalyticsId" type="text" class="form-control">
</div>
<!-- Custom CSS -->
<div class="my-3">
<div class="mb-1">{{ $t("Custom CSS") }}</div>
@@ -294,6 +300,15 @@
<component is="style" v-if="config.customCSS" type="text/css">
{{ config.customCSS }}
</component>
<component :is="'script'" v-if="config.googleAnalyticsId" async :src="'https://www.googletagmanager.com/gtag/js?id=' + config.googleAnalyticsId" />
<component :is="'script'" v-if="config.googleAnalyticsId">
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', '{{ config.googleAnalyticsId }}');
</component>
</div>
</template>