update site

5 years ago · 1fd1735cb7
3 changed files with 54 additions and 5 deletions
--- a/site/components/GoogleAds.vue
+++ 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>
--- 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: {} },
--- 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>