added addEventListener to not have exclusivity in event listeners, also logging

Author: sojs-coder

components/chead.html

@@ -11,7 +11,8 @@
 
 <script src="/assets/scripts/adblockdetect.js"></script>
 <script>
-    window.onload = () => {
+    window.addEventListener('load',()=>{
+        log("Window loaded, running adblock check');
         // Create the enabledEl element
         var enabledEl = document.createElement('div');
         enabledEl.classList.add('adb-enabled');
@@ -30,6 +31,7 @@ <h2>Ad blocker detected</h2>
 
         // Adblock detection logic
         function adBlockDetected() {
+            log('adBlockDetected()');
             var ax = false;
             enabledEl.style.display = 'block';
 
@@ -61,6 +63,7 @@ <h2>Ad blocker detected</h2>
         }
 
         function adBlockNotDetected() {
+            log('Blocks not detected');
             enabledEl.style.display = 'none';
         }
 
@@ -80,8 +83,10 @@ <h2>Ad blocker detected</h2>
             document.body.appendChild(enabledEl);
         }
         if (typeof window.adblockDetector === 'undefined') {
+            log('Detector blocked, assuming ads as well');
             adBlockDetected();
         } else {
+            log('Running detector')
             window.adblockDetector.init(
                 {
                     debug: true,
@@ -90,7 +95,7 @@ <h2>Ad blocker detected</h2>
                 }
             );
         }
-    }
+    });
 </script>
 {% if (ads == "true") %}
 <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2096280583430267" crossorigin="anonymous"></script>