diff --git a/site/components/GoogleAds.vue b/site/components/GoogleAds.vue
index cb960fd4a..ac2d24061 100644
--- a/site/components/GoogleAds.vue
+++ b/site/components/GoogleAds.vue
@@ -19,7 +19,7 @@ export default {
   },
   render() {
     return (
-      <div class="google-ads">
+      <div class="google-ads" id="api">
         <ins
           ref="ins"
           class="adsbygoogle"
diff --git a/site/components/layout.vue b/site/components/layout.vue
index baa4bef07..8f94dc533 100644
--- a/site/components/layout.vue
+++ b/site/components/layout.vue
@@ -131,9 +131,11 @@ export default {
         const title = isCN ? cnTitle : usTitle;
         lis.push(<a-anchor-link key={id} href={`#${id}`} title={title} />);
       });
+      const showApi = this.$route.path.indexOf('/components/') !== -1;
       return (
         <a-anchor offsetTop={100} class="demo-anchor">
           {lis}
+          {showApi ? <a-anchor-link key="API" title="API" href="#api" /> : ''}
         </a-anchor>
       );
     },