gtag

src/routes/+layout.svelte

@@ -112,6 +112,12 @@
 	}
 
 	onMount(async () => {
+		try {
+			dataLayer.push({ event: "Avertissement"});
+		} catch (e) {
+			console.log("Google Tag Manager might not be loaded. Ignoring the error");
+			console.log(e);
+		}
 		await refreshChats();
 	});
 

src/routes/+page.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { onMount } from 'svelte';
 	import { goto, invalidate } from "$app/navigation";
 	import { base } from "$app/paths";
 	import { PUBLIC_APP_NAME } from "$env/static/public";
@@ -10,6 +11,15 @@
 	import { params_writable } from "../routes/conversation/[id]/ParamsWritable";
 	import { curr_model_writable, curr_model_writable_string } from "./LayoutWritable";
 
+	onMount(() => {
+		try {
+			dataLayer.push({ event: "virtualPageview", nom_modele: ["No"] });
+		} catch (e) {
+			console.log("Google Tag Manager might not be loaded. Ignoring the error");
+			console.log(e);
+		}
+	});
+
 	let curr_model_id = 0;
 
 	curr_model_writable.subscribe((val) => {

src/routes/conversation/[id]/+page.svelte

@@ -16,7 +16,12 @@
 	import type { Message } from "$lib/types/Message";
 	import { PUBLIC_APP_DISCLAIMER } from "$env/static/public";
 	import { pipeline, Pipeline, env as env_transformers } from "@xenova/transformers";
-	import { isloading_writable, curr_model_writable, is_init_writable, cancel_writable } from "../../LayoutWritable.js";
+	import {
+		isloading_writable,
+		curr_model_writable,
+		is_init_writable,
+		cancel_writable,
+	} from "../../LayoutWritable.js";
 	import { map_writable, phi_writable } from "$lib/components/LoadingModalWritable.js";
 	import { params_writable } from "./ParamsWritable.js";
 	import { addMessageToChat, getChats, getMessages, getTitle, getModel } from "../../LocalDB.js";
@@ -59,17 +64,22 @@
 		let lastMessage: any = undefined;
 		switch (e.data.status) {
 			case "initiate":
-				if (e.data.file == "tokenizer.json") // Avoid to send the tag multiple times
-					dataLayer.push({'event': 'debut_chargement_chat', 'nom_modele':[e.data.name]});
+				try {
+					if (e.data.file == "tokenizer.json")
+						// Avoid to send the tag multiple times
+						dataLayer.push({ event: "debut_chargement_chat", nom_modele: [e.data.name] });
+				} catch (e) {
+					console.log("Google Tag Manager might not be loaded. Ignoring the error");
+					console.log(e);
+				}
 				break;
 
 			case "progress":
 				isloading_writable.set(true);
 				if (e.data.no_progress_bar == undefined || e.data.no_progress_bar == false) {
 					map_writable.set([e.data.file, e.data.progress]);
-				}
-				else {
-					map_writable.set(["phi", "-1"])
+				} else {
+					map_writable.set(["phi", "-1"]);
 				}
 				break;
 
@@ -80,8 +90,12 @@
 				break;
 
 			case "ready":
-				console.log(e.data.model)
-				dataLayer.push({'event': 'fin_chargement_chat', 'nom_modele':[e.data.model]});
+				try {
+					dataLayer.push({ event: "fin_chargement_chat", nom_modele: [e.data.model] });
+				} catch (e) {
+					console.log("Google Tag Manager might not be loaded. Ignoring the error");
+					console.log(e);
+				}
 				isloading_writable.set(false);
 				is_init_writable.set(false);
 				phi_writable.set(false);
@@ -94,16 +108,20 @@
 					lastMessage.webSearchId = e.data.searchID;
 					lastMessage.updatedAt = new Date();
 					messages = [...messages];
-				}
-				else {
-					pipelineWorker.postMessage({ command: "abort" })
+				} else {
+					pipelineWorker.postMessage({ command: "abort" });
 				}
 				break;
 
 			case "aborted":
 			case "complete":
 				if (e.data.id_now == id_now) {
-					dataLayer.push({'event': 'reponse_message'});
+					try {
+						dataLayer.push({ event: "reponse_message", nom_modele: [e.data.model] });
+					} catch (e) {
+						console.log("Google Tag Manager might not be loaded. Ignoring the error");
+						console.log(e);
+					}
 					lastMessage = messages[messages.length - 1];
 					lastMessage.webSearchId = e.data.searchID;
 					lastMessage.updatedAt = new Date();
@@ -157,7 +175,12 @@
 			isCode: false,
 		};
 
-		dataLayer.push({'event': 'envoi_message'});
+		try {
+			dataLayer.push({ event: "envoi_message", nom_modele: [curr_model_obj.name] });
+		} catch (e) {
+			console.log("Google Tag Manager might not be loaded. Ignoring the error");
+			console.log(e);
+		}
 
 		addMessageToChat(conversationId, msg, curr_model);
 
@@ -319,6 +342,12 @@
 				lastLoadedMessages = res;
 			}
 			id_now = randomUUID();
+			try {
+				dataLayer.push({ event: "virtualPageview", nom_modele: [curr_model] });
+			} catch (e) {
+				console.log("Google Tag Manager might not be loaded. Ignoring the error");
+				console.log(e);
+			}
 		}
 	});
 
@@ -351,6 +380,13 @@
 
 		pipelineWorker.addEventListener("message", onMessageReceived);
 
+		try {
+			dataLayer.push({ event: "virtualPageview", nom_modele: [curr_model] });
+		} catch (e) {
+			console.log("Google Tag Manager might not be loaded. Ignoring the error");
+			console.log(e);
+		}
+
 		if ($pendingMessage) {
 			const val = $pendingMessage;
 			const messageId = $pendingMessageIdToRetry || undefined;
@@ -384,7 +420,7 @@
 	on:retry={(event) => writeMessage(event.detail.content, event.detail.id)}
 	on:vote={(event) => voteMessage(event.detail.score, event.detail.id)}
 	on:share={() => shareConversation($page.params.id, data.title)}
-	on:stop={() => (isAborted = true, pipelineWorker.postMessage({ command: "abort" }))}
+	on:stop={() => ((isAborted = true), pipelineWorker.postMessage({ command: "abort" }))}
 	models={data.models}
 	currentModel={findCurrentModel([...data.models, ...data.oldModels], curr_model)}
 	settings={data.settings}