This post was most recently updated on abril 14th, 2022
The `display` property is the most important CSS property for controlling layout. display: none; is commonly used with JavaScript to hide and show elements without deleting and recreating them. Hiding an element can be done by setting the `display` property to `none`. The element will be hidden, and the page will be displayed as if the element is not there.
Another CSS property that’s important to avoid in ad implementation is visibility: hidden; which hides an element on the page while still taking up the same space.
More info here: https://www.w3schools.com/css/css_display_visibility.asp
Similar to the CSS property display:none, the hide() jQuery method also hides the selected elements. Hidden elements will not be displayed at all. https://www.w3schools.com/jquery/eff_hide.asp
This negatively impacts viewability which advertisers are held as an important metric when buying impressions.
Step 1: Check random pages if this error still pops up.
Step 2: Right click on the page > Inspect.
Step 3: Click the box with the cursor icon to select elements on the page.
Step 4: Look for the ad unit in question and click on it.
Step 5: Under the ‘Elements’ tab, you should see the “Styles” section.
Step 6: Look for anything that says `display:hidden` or `display:none` or ` .hide()` or `visibility:hidden`
Step 7: Once confirmed, remove or stop using it on ad unit divs or tags
Step 8: If you decide to keep the CSS hiding the ad unit, it should be removed from the configuration; or a separate configuration should be created without the hidden ad unit in it and you will be provided with a new set of implementation instructions.
Need more help? Send us an email at support@monetizemore.com or log in to PubGuru App and use the Chat widget for immediate support.
Let our AdOps Experts do the hard work. Sign up today and unlock your revenue potential.
