diff --git a/site/components/GoogleAds.vue b/site/components/GoogleAds.vue
new file mode 100644
index 000000000..b390aa4a2
--- /dev/null
+++ b/site/components/GoogleAds.vue
@@ -0,0 +1,49 @@
+<script>
+export default {
+  props: {
+    isMobile: Boolean,
+  },
+  watch: {
+    $route(e, t) {
+      if (e.path !== t.path && this.$refs.ins && this.$refs.ins.innerHTML) {
+        this.$nextTick(() => {
+          this.load();
+        });
+      }
+    },
+  },
+  mounted() {
+    this.load();
+  },
+  methods: {
+    load() {
+      if (this.scriptDom) {
+        this.$el.removeChild(this.scriptDom);
+      }
+      this.$refs.ins.innerHTML = '';
+      window.adsbygoogle = undefined;
+      const e = document.createElement('script');
+      e.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js';
+      e.async = true;
+      this.$el.appendChild(e);
+      this.scriptDom = e;
+      (adsbygoogle = window.adsbygoogle || []).push({});
+    },
+  },
+  render() {
+    return (
+      <div id="google-ads">
+        <ins
+          ref="ins"
+          class="adsbygoogle"
+          style="display:block"
+          data-ad-client="ca-pub-4801326429087140"
+          data-ad-slot="7647023136"
+          data-ad-format="auto"
+          data-full-width-responsive="true"
+        ></ins>
+      </div>
+    );
+  },
+};
+</script>
diff --git a/site/components/api.vue b/site/components/api.vue
index 426f9d2eb..b6f6c31c7 100644
--- a/site/components/api.vue
+++ b/site/components/api.vue
@@ -1,12 +1,17 @@
 <template>
   <div class="markdown api-container">
+    <GoogleAds />
     <slot v-if="isZhCN" name="cn" />
     <slot v-else />
   </div>
 </template>
 <script>
 import { isZhCN } from '../util';
+import GoogleAds from './GoogleAds';
 export default {
+  components: {
+    GoogleAds,
+  },
   name: 'Api',
   inject: {
     demoContext: { default: {} },
diff --git a/site/index.html b/site/index.html
index b4baafd91..9d0309e20 100644
--- a/site/index.html
+++ b/site/index.html
@@ -37,11 +37,6 @@
         s.parentNode.insertBefore(hm, s);
       })();
     </script>
-    <script
-      data-ad-client="ca-pub-4801326429087140"
-      async
-      src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"
-    ></script>
   </head>
 
   <body>
