Add Plausible analytics (#779)

* Add Plausible analytics

* Update src/routes/+layout.svelte

Co-authored-by: Eliott C. <coyotte508@gmail.com>

* fix vars for plausible analytics

* Update .env.template

Co-authored-by: Eliott C. <coyotte508@gmail.com>

* revert change to PUBLIC_PLAUSIBLE_SCRIPT_URL

---------

Co-authored-by: Eliott C. <coyotte508@gmail.com>

Author: nsarrazin

.env

@@ -97,6 +97,7 @@ TASK_MODEL= # name of the model used for tasks such as summarizing title, creati
 PUBLIC_ORIGIN=#https://huggingface.co
 PUBLIC_SHARE_PREFIX=#https://hf.co/chat
 PUBLIC_GOOGLE_ANALYTICS_ID=#G-XXXXXXXX / Leave empty to disable
+PUBLIC_PLAUSIBLE_SCRIPT_URL=#/js/script.js / Leave empty to disable
 PUBLIC_ANNOUNCEMENT_BANNERS=`[
     {
     "title": "Code Llama 70B is available! 🦙",

.env.template

@@ -235,6 +235,7 @@ RATE_LIMIT=16
 MESSAGES_BEFORE_LOGIN=5# how many messages a user can send in a conversation before having to login. set to 0 to force login right away
 
 PUBLIC_GOOGLE_ANALYTICS_ID=G-8Q63TH4CSL
+PUBLIC_PLAUSIBLE_SCRIPT_URL="/js/script.js"
 
 # Not part of the .env but set as other variables in the space
 # ADDRESS_HEADER=X-Forwarded-For

src/routes/+layout.svelte

@@ -4,7 +4,11 @@
 	import { page } from "$app/stores";
 	import "../styles/main.css";
 	import { base } from "$app/paths";
-	import { PUBLIC_APP_DESCRIPTION, PUBLIC_ORIGIN } from "$env/static/public";
+	import {
+		PUBLIC_APP_DESCRIPTION,
+		PUBLIC_ORIGIN,
+		PUBLIC_PLAUSIBLE_SCRIPT_URL,
+	} from "$env/static/public";
 
 	import { shareConversation } from "$lib/shareConversation";
 	import { UrlDependency } from "$lib/types/UrlDependency";
@@ -152,6 +156,14 @@
 		rel="manifest"
 		href="{PUBLIC_ORIGIN || $page.url.origin}{base}/{PUBLIC_APP_ASSETS}/manifest.json"
 	/>
+
+	{#if PUBLIC_PLAUSIBLE_SCRIPT_URL}
+		<script
+			defer
+			data-domain={new URL(PUBLIC_ORIGIN).hostname}
+			src={PUBLIC_PLAUSIBLE_SCRIPT_URL}
+		></script>
+	{/if}
 </svelte:head>
 
 {#if !$settings.ethicsModalAccepted}