diff --git a/.env.example b/.env.example
index 58088e4..7a4ac4c 100644
--- a/.env.example
+++ b/.env.example
@@ -4,4 +4,6 @@ NUXT_PUBLIC_AUTHOR=John Doe
 NUXT_PUBLIC_SITE_NAME="John's Blog"
 NUXT_PUBLIC_BUILD_BASE_URL=/
 # Fonts, please preserve last slash
-NUXT_PUBLIC_FONTS_URL=https://fonts.example.com/
\ No newline at end of file
+NUXT_PUBLIC_FONTS_URL=https://fonts.example.com/
+
+NUXT_PUBLIC_BANNER_DATA_URL=https://example.com/api/web/banner/latest
\ No newline at end of file
diff --git a/app/components/web-dismissible-global-banner.vue b/app/components/web-dismissible-global-banner.vue
index 4930b51..42fb992 100644
--- a/app/components/web-dismissible-global-banner.vue
+++ b/app/components/web-dismissible-global-banner.vue
@@ -21,6 +21,12 @@ const visible = ref(false)
 const STORAGE_KEY_DISMISSED = 'web_banner_dismissed'
 const STORAGE_KEY_LAST_ID = 'web_banner_last_id'
 
+const props = defineProps<{
+  dataUrl: string;
+}>();
+
+const webBannerDataUrl = props.dataUrl;
+
 function getStorageItem(key: string): string | null {
   if (typeof window === 'undefined') return null
   return localStorage.getItem(key)
@@ -45,7 +51,7 @@ interface WebBannerData {
 
 onMounted(async () => {
   try {
-    const data = await $fetch<WebBannerData>('https://files.techit.win/files/config/web/banner/tmp/index.json')
+    const data = await $fetch<WebBannerData>(webBannerDataUrl)
 
     if (!data) return
 
diff --git a/app/layouts/default.vue b/app/layouts/default.vue
index 5c60962..53059b3 100644
--- a/app/layouts/default.vue
+++ b/app/layouts/default.vue
@@ -1,10 +1,11 @@
 <script setup lang="ts">
-
+const config = useRuntimeConfig();
+const dataUrl = config.public.webBannerDataUrl as string;
 </script>
 
 <template>
     <div>
-        <WebDismissibleGlobalBanner/>
+        <WebDismissibleGlobalBanner :data-url="dataUrl"/>
         <WebHeader/>
         <slot/>
         <WebFooter/>
diff --git a/nuxt.config.ts b/nuxt.config.ts
index f4a4a2b..8397885 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -10,7 +10,8 @@ export default defineNuxtConfig({
       siteAuthor: process?.env?.NUXT_PUBLIC_SITE_AUTHOR,
       siteName: process?.env?.NUXT_PUBLIC_SITE_NAME,
       twitterUsername: process?.env?.NUXT_PUBLIC_TWITTER_USERNAME,
-      fontUrl: process?.env?.NUXT_PUBLIC_FONTS_URL
+      fontUrl: process?.env?.NUXT_PUBLIC_FONTS_URL,
+      webBannerDataUrl: process?.env?.NUXT_PUBLIC_BANNER_DATA_URL
     }
   },
   modules: ['@nuxt/content', '@nuxtjs/sitemap', '@nuxt/image', '@nuxt/icon'],