feat: 태그 관리자 설치

imddoy · Jul 23, 2024 · 7a57e6d · 7a57e6d
1 parent d70f0d8
commit 7a57e6d
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -1,6 +1,20 @@
 <!doctype html>
 <html lang="ko">
   <head>
+    <!-- Google Tag Manager -->
+    <script>
+      (function (w, d, s, l, i) {
+        w[l] = w[l] || [];
+        w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" });
+        var f = d.getElementsByTagName(s)[0],
+          j = d.createElement(s),
+          dl = l != "dataLayer" ? "&l=" + l : "";
+        j.async = true;
+        j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
+        f.parentNode.insertBefore(j, f);
+      })(window, document, "script", "dataLayer", "GTM-WL6BLGHM");
+    </script>
+    <!-- End Google Tag Manager -->
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/BEAT.svg" />
     <link rel="mask-icon" href="/BEAT.svg" color="#FF006B" />
@@ -15,6 +29,16 @@
     <title>BEAT</title>
   </head>
   <body>
+    <!-- Google Tag Manager (noscript) -->
+    <noscript
+      ><iframe
+        src="https://www.googletagmanager.com/ns.html?id=GTM-WL6BLGHM"
+        height="0"
+        width="0"
+        style="display: none; visibility: hidden"
+      ></iframe
+    ></noscript>
+    <!-- End Google Tag Manager (noscript) -->
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
     <script>

diff --git a/src/apis/domains/files/api.ts b/src/apis/domains/files/api.ts
@@ -1,6 +1,5 @@
 import { get } from "@apis/index";
 import axios, { AxiosResponse } from "axios";
-import qs from "qs";
 
 interface ImageInterface {
   [key: string]: string;
@@ -31,9 +30,15 @@ export const getPresignedUrl = async (
     const response: AxiosResponse<PresignedResponse> = await get("/files/presigned-url", {
       params: paramsWithEmptyArrays,
       paramsSerializer: (params) => {
-        const queryString = qs.stringify(params, { arrayFormat: "repeat" });
+        // const queryString = qs.stringify(params, { arrayFormat: "repeat" });
+        const searchParams = new URLSearchParams();
 
-        const modifiedQueryString = queryString
+        for (const [k, v] of Object.entries(params)) {
+          searchParams.set(k, v);
+        }
+
+        const modifiedQueryString = searchParams
+          .toString()
           .replace(/castImages=%5B%5D/g, "castImages")
           .replace(/staffImages=%5B%5D/g, "staffImages");
         return modifiedQueryString;