🔥 feat: 광고 솔루션을 Google Adsense로 변경, 라이브러리 업데이트

NGuard-Security · Jan 8, 2024 · 0648d12 · 0648d12
1 parent d210ba0
commit 0648d12
Show file tree

Hide file tree

Showing 9 changed files with 83 additions and 31 deletions.
diff --git a/.yarnrc.yml b/.yarnrc.yml
@@ -5,15 +5,15 @@ enableGlobalCache: false
 nodeLinker: node-modules
 
 packageExtensions:
-  "@nuxt/components@*":
+  '@nuxt/components@*':
     dependencies:
-      consola: "*"
+      consola: '*'
   css-loader@*:
     dependencies:
       webpack: ^4.27.0
   eslint-config-prettier@*:
     dependencies:
-      eslint: ">=7.0.0"
+      eslint: '>=7.0.0'
   postcss-loader@*:
     dependencies:
       webpack: ^4.0.0

diff --git a/app.html b/app.html
@@ -4,29 +4,81 @@
     {{ 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-KKQTHLK');</script>
+    <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-KKQTHLK')
+    </script>
     <!-- End Google Tag Manager -->
 
+    <!-- Google Adsense -->
+    <script
+      async
+      src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7700677534024923"
+    ></script>
+
+    <script
+      async
+      src="https://fundingchoicesmessages.google.com/i/pub-7700677534024923?ers=1"
+      nonce="QHzY_FUE44g8R4HbPxq60A"
+    ></script>
+
+    <script nonce="QHzY_FUE44g8R4HbPxq60A">
+      ;(function () {
+        function signalGooglefcPresent() {
+          if (!window.frames['googlefcPresent']) {
+            if (document.body) {
+              const iframe = document.createElement('iframe')
+              iframe.style = 'width: 0; height: 0; border: none; z-index: -1000; left: -1000px; top: -1000px;'
+              iframe.style.display = 'none'
+              iframe.name = 'googlefcPresent'
+              document.body.appendChild(iframe)
+            } else {
+              setTimeout(signalGooglefcPresent, 0)
+            }
+          }
+        }
+        signalGooglefcPresent()
+      })()
+    </script>
+    <!-- End Google Adsense -->
+
     <!-- MS Clarity -->
     <script type="text/javascript">
-      (function(c,l,a,r,i,t,y){
-          c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
-          t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
-          y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
-      })(window, document, "clarity", "script", "kdxoqws6v8");
+      ;(function (c, l, a, r, i, t, y) {
+        c[a] =
+          c[a] ||
+          function () {
+            ;(c[a].q = c[a].q || []).push(arguments)
+          }
+        t = l.createElement(r)
+        t.async = 1
+        t.src = 'https://www.clarity.ms/tag/' + i
+        y = l.getElementsByTagName(r)[0]
+        y.parentNode.insertBefore(t, y)
+      })(window, document, 'clarity', 'script', 'kdxoqws6v8')
     </script>
     <!-- End MS Clarity -->
   </head>
   <body {{ BODY_ATTRS }}>
     {{ APP }}
 
     <!-- Google Tag Manager (noscript) -->
-    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KKQTHLK"
-    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+    <noscript
+      ><iframe
+        src="https://www.googletagmanager.com/ns.html?id=GTM-KKQTHLK"
+        height="0"
+        width="0"
+        style="display: none; visibility: hidden"
+      ></iframe
+    ></noscript>
     <!-- End Google Tag Manager (noscript) -->
   </body>
 </html>
diff --git a/assets/styles/global.css b/assets/styles/global.css
@@ -55,4 +55,4 @@ body {
 .vi {
   /* Vietnamese Fonts */
   font-family: 'Be Vietnam Pro' !important;
-}
+}
diff --git a/components/Header.vue b/components/Header.vue
@@ -28,8 +28,8 @@
             {{ $t('navbar.support') }}
           </a>
           <!-- <a href="https://nguard.xyz/upgrade" class="nav_item"> -->
-            <!-- NGuard 프리미어 플랜 -->
-            <!-- {{ $t('navbar.upgrade') }} -->
+          <!-- NGuard 프리미어 플랜 -->
+          <!-- {{ $t('navbar.upgrade') }} -->
           <!-- </a> -->
         </div>
       </transition>

diff --git a/components/Navbar.vue b/components/Navbar.vue
@@ -169,11 +169,11 @@
             </NuxtLink>
             <hr class="mx-2.5 my-2 border-zinc-700" />
             <!-- <a href="https://nguard.xyz/upgrade" target="_blank" class="nav_item nav_item_premium"> -->
-              <!-- <img src="https://cdn.nguard.dev/assets/dashboard/images/gold_logo.webp" alt="NGuard logo" /> -->
-              <!-- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-2.995 2.995-7.486 4-11 4 0 8.583 5.068 16.097 11 20 5.932-3.903 11-11.417 11-20-3.514 0-8.005-1.005-11-4z"/></svg> -->
-              <!-- NGuard 유료 플랜 -->
-              <!-- {{ $t('navbar.upgrade') }} -->
-              <!-- navbar 소스 재활용 -->
+            <!-- <img src="https://cdn.nguard.dev/assets/dashboard/images/gold_logo.webp" alt="NGuard logo" /> -->
+            <!-- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-2.995 2.995-7.486 4-11 4 0 8.583 5.068 16.097 11 20 5.932-3.903 11-11.417 11-20-3.514 0-8.005-1.005-11-4z"/></svg> -->
+            <!-- NGuard 유료 플랜 -->
+            <!-- {{ $t('navbar.upgrade') }} -->
+            <!-- navbar 소스 재활용 -->
             <!-- </a> -->
           </nav>
         </transition>
@@ -202,7 +202,7 @@ export default {
       this.server = (
         await this.$axios.$get('/dashboard/servers?now=' + this.$route.query.id, {
           headers: {
-            Authorization: "Bearer " + localStorage.getItem('access_token'),
+            Authorization: 'Bearer ' + localStorage.getItem('access_token'),
           },
         })
       ).data
@@ -444,7 +444,7 @@ export default {
   display: flex;
   flex-shrink: 0;
   align-items: center;
-  
+
   width: 100%;
   padding: 0.7rem;
   cursor: pointer;

diff --git a/pages/dashboard/index.vue b/pages/dashboard/index.vue
@@ -495,7 +495,7 @@ export default {
       this.summary = (
         await this.$axios.$get('/dashboard/summary?id=' + this.$route.query.id, {
           headers: {
-            Authorization: "Bearer " + localStorage.getItem('access_token'),
+            Authorization: 'Bearer ' + localStorage.getItem('access_token'),
           },
         })
       ).data

diff --git a/pages/dashboard/members.vue b/pages/dashboard/members.vue
@@ -189,7 +189,7 @@ export default {
       const memberList = (
         await this.$axios.$get('/dashboard/members?id=' + this.$route.query.id, {
           headers: {
-            Authorization: "Bearer " + localStorage.getItem('access_token'),
+            Authorization: 'Bearer ' + localStorage.getItem('access_token'),
           },
         })
       ).data
@@ -238,7 +238,7 @@ export default {
           },
           {
             headers: {
-              Authorization: "Bearer " + localStorage.getItem('access_token'),
+              Authorization: 'Bearer ' + localStorage.getItem('access_token'),
             },
           },
         )

diff --git a/pages/dashboard/verify.vue b/pages/dashboard/verify.vue
@@ -191,8 +191,8 @@ export default {
           await this.$axios.$post(
             '/dashboard/verify?id=' + this.$route.query.id,
             {
-                status: this.switch_.confirm,
-                role: this.input.role,
+              status: this.switch_.confirm,
+              role: this.input.role,
             },
             {
               headers: {

diff --git a/pages/servers.vue b/pages/servers.vue
@@ -179,7 +179,7 @@ export default {
         const serverList = (
           await this.$axios.$get('/dashboard/servers', {
             headers: {
-              Authorization: "Bearer " + localStorage.getItem('access_token'),
+              Authorization: 'Bearer ' + localStorage.getItem('access_token'),
             },
           })
         ).data
-Original file line number
+Diff line change
@@ Expand Up / @@ -55,4 +55,4 @@ body { @@
     .vi {
       /* Vietnamese Fonts */
       font-family: 'Be Vietnam Pro' !important;
-    }
+    }