Try front-end hiding ads for user setting (#18444)

* Try front-end hiding ads for user setting

* CI does not like ?.

app/assets/javascripts/.eslintrc.js

@@ -24,6 +24,7 @@ module.exports = {
     handleFollowButtPress: false,
     browserStoreCache: false,
     initializeBaseUserData: false,
+    initializeDisplayAdVisibility: false,
     initializeReadingListIcons: false,
     initializeSponsorshipVisibility: false,
     ActiveXObject: false,

app/assets/javascripts/initializePage.js

@@ -11,7 +11,7 @@
   initializeVideoPlayback, initializeDrawerSliders, initializeProfileBadgesToggle,
   initializeHeroBannerClose, initializeOnboardingTaskCard, initScrolling,
   nextPage:writable, fetching:writable, done:writable, adClicked:writable,
-  initializePaymentPointers, initializeBroadcast, initializeDateHelpers,
+  initializePaymentPointers, initializeBroadcast, initializeDateHelpers
 */
 
 function callInitializers() {
@@ -50,6 +50,7 @@ function initializePage() {
       initializeBroadcast();
       initializeReadingListIcons();
       initializeSponsorshipVisibility();
+      initializeDisplayAdVisibility();
       if (document.getElementById('sidebar-additional')) {
         document.getElementById('sidebar-additional').classList.add('showing');
       }

app/assets/javascripts/initializers/initializeDisplayAdVisibility.js

@@ -0,0 +1,19 @@
+function initializeDisplayAdVisibility() {
+  var displayAds = document.querySelectorAll('[data-display-unit]');
+
+  if (displayAds && displayAds.length == 0) {
+    return;
+  }
+
+  var user = userData();
+
+  displayAds.forEach((ad) => {
+    if (user && !user.display_sponsors) {
+      ad.classList.add('hidden');
+    } else {
+      ad.classList.remove('hidden');
+    }
+  });
+
+  // for impression & click-tracking, see initializeBaseTracking
+}

app/assets/javascripts/initializers/initializeLocalStorageRender.js

@@ -5,6 +5,7 @@ function initializeLocalStorageRender() {
       document.body.dataset.user = userData;
       initializeBaseUserData();
       initializeReadingListIcons();
+      initializeDisplayAdVisibility();
       initializeSponsorshipVisibility();
     }
   } catch (err) {