docs: update website scripts configuration

Author: danielbarion

docs/docusaurus.config.js

@@ -34,6 +34,14 @@ const config = {
       src: 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7420210265158247',
       async: true,
     },
+    // {
+    //   src: 'https://securepubads.g.doubleclick.net/tag/js/gpt.js',
+    //   async: true,
+    // },
+    {
+      src: '/js/gpt.js',
+      async: true,
+    },
   ],
 
   presets: [

docs/src/theme/TOC/index.js

@@ -1,15 +1,24 @@
+// import React, { useEffect } from 'react'
 import React from 'react'
 import TOC from '@theme-original/TOC'
 
+// import styles from './index.module.css'
+
+// const AdsContainerElement = ({ id }) => {
+//   useEffect(() => {
+//     if (typeof window !== 'undefined') {
+//       window.dispatchEvent(new CustomEvent('AdsContainerMounted', { detail: { id } }))
+//     }
+//   }, [])
+
+//   return <div id={id} className={styles.adsContainer} />
+// }
+
 export default function TOCWrapper(props) {
   return (
     <>
       <TOC {...props} />
-      <script
-        async
-        src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7420210265158247"
-        crossOrigin="anonymous"
-      />
+      {/* <AdsContainerElement id="right-sidebar-ads" /> */}
       <ins
         className="adsbygoogle"
         style={{ display: 'block' }}
@@ -18,7 +27,6 @@ export default function TOCWrapper(props) {
         data-ad-format="auto"
         data-full-width-responsive="true"
       />
-      <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
     </>
   )
 }

docs/src/theme/TOC/index.module.css

@@ -0,0 +1,7 @@
+
+.adsContainer {
+  position: sticky;
+  top: calc(3.75rem + 12rem);
+  width: 300px;
+  height: 250px;
+}

docs/static/js/gpt.js

@@ -0,0 +1,41 @@
+window.onload = () => {
+  ;(window.adsbygoogle = window.adsbygoogle || []).push({})
+}
+
+// window.reactTooltipAds = {
+//   initialized: {},
+// }
+// window.googletag = window.googletag || { cmd: [] }
+
+// window.googletag.cmd.push(function () {
+//   window.googletag
+//     .defineSlot('/6355419/Travel/Europe/France/Paris', [300, 250], 'right-sidebar-ads')
+//     .addService(window.googletag.pubads())
+//   window.googletag.enableServices()
+// })
+
+// const handleLoadAds = (event) => {
+//   const { id } = event.detail
+
+//   if (window.innerWidth < 1024) {
+//     return
+//   }
+
+//   console.log('loading ads for container: ', id)
+//   window.googletag.cmd.push(function () {
+//     if (window.reactTooltipAds.initialized[id]) {
+//       window.googletag.cmd.push(function () {
+//         window.googletag.pubads().refresh()
+//       })
+
+//       window.googletag.display(id)
+//     } else {
+//       window.googletag.display(id)
+//       window.reactTooltipAds.initialized[id] = true
+//     }
+
+//     console.log('displayed: ', id)
+//   })
+// }
+
+// window.addEventListener('AdsContainerMounted', handleLoadAds)