website: differentiate sidebar positions

website/src/theme/DocItem/index.js

@@ -86,7 +86,7 @@ export default function DocItem(props) {
             </article>
             <DocPaginator previous={metadata.previous} next={metadata.next} />
             <div className="margin-top--md">
-              <SidebarAd />
+              <SidebarAd position="docs_bottom" />
             </div>
           </div>
         </div>

website/src/theme/DocSidebar/index.js

@@ -89,7 +89,7 @@ const DocSidebarMobileSecondaryMenu = ({toggleSidebar, sidebar, path}) => {
         level={1}
       />
       <div className="margin--md">
-        <SidebarAd />
+        <SidebarAd position="mobile_sidebar" />
       </div>
     </ul>
   );

website/src/theme/TOC/index.js

@@ -12,7 +12,7 @@ function TOC({className, ...props}) {
   return (
     <div className={clsx(styles.tableOfContents, 'thin-scrollbar', className)}>
       <div className="margin--md">
-        <SidebarAd />
+        <SidebarAd position="table_of_contents" />
       </div>
       <TOCItems
         {...props}