Ads are breaking the content box width!

rohit_organealthy

Hi Ezoic,

I have noticed that a lot of Ezoic ads are breaking my content box and displaying ads in the middle of the text where I don't want it because it ruins the reader's experience. I have attached some screenshots for your reference, please check and let me know what can I do to fix this.

Ethan

rohit_organealthy Seems the issue is being caused by ads getting inserted into <li> elements. I've excluded ads from being inserted into li elements via your Ezoic Ad Configuration settings, clear the cache and that should be fixed, let us know if not: https://pubdash.ezoic.com/ezoicads/adconfiguration

bukhaled

Ethan Hi Ethan. I'm experiencing the same issue. Should I exclude the li element and the .li class also?

rohit_organealthy

Ethan

I am still facing the same issue. I cleared the cache from hpanel, but still the problem persists.

Charlie

bukhaled
Yes, that is always a good element to exclude. There are few to no instances where ads within a <li> element work and look good. It would be best to inspect your page by clicking ctrl+I and then highlight the element where the ads are attaching to. Then add that element, class, or div to the exclusion rules and you will be all set.
Don't forget to clear your cache after too

bukhaled

Charlie
I'm exhausted from searching. Every ad in the blog post has this issue. Here is the link to my website for you to check.

< ads-problem.png >

Charlie

bukhaled
I checked your pages and they are getting inserted to li elements. I also see the rule created to exclude those pages. Since you are not using Leap, can you please clear your cache at your host and/or through the plugin you are caching with?

bukhaled

Charlie Yes I cleared the cash. but the problem still showing, see this page example https://mymotherkitchen.com/mandarin-orange-cake-a-citrus-delight/

Charlie

bukhaled
These are WordPress placeholders getting added to your li elements. We are working on having these exclusion rules apply to WP placeholders, but for now you will need to create these exclusion rules within the Ezoic plugin. You can do this under the Ad Settings of the plugin -> select the settings icon, and add the rules there -

Imogen

rohit_organealthy Hey, as Charlie explained, to remove wp placeholders from bulleted lists, remove the the <li> tag from the list of paragraph tags. Go to the plugin settings > ad settings > let’s go > gear icon, then under ‘paragraph tags’ click on the li and press ‘delete’ and click save

bukhaled

Imogen I did this step and cleared the Cloudflare cache. but the problem is still showing

Axarseo

Tengo el mismo problema, mi sitio está roto por los anuncios, se rompe la estructura de bloques, pero no encuentro la etiqueta <li>

Mohammad2306

Axarseo You have multiple sites. It's not clear which site you are referring to. Can you start a new/separate thread and provide the site name?

You can follow this guide to identify the class or div tag and then set up the exclusion filter.

https://support.ezoic.com/kb/article/how-to-create-exclusion-filters-for-placeholders

Axarseo

Mohammad2306 me suele pasar en diferentes webs siempre que uso bloques, me rompe la estructura de los bloques, creo que la solución sería excluir la clase de esos bloques, ademas tambien me pasa en elementos como tablas de contenidos. Si tengo múltiples webs, pero lo dicho me pasa en todas cuando uso bloques u otros elementos, tengo webs que por su estructura tiene menos importancia y otras a la que realmente le afecta de manera importante perjudicando en la navegación.

Ethan

bukhaled To remove placeholders from bulleted lists, remove the <li> tag from the list of paragraph tags in the ad settings section of the Ezoic Plugin. Here’s how to do that: Go to the Ezoic Plugin settings > ad settings > let’s go > gear icon, then under ‘paragraph tags’ click on the <li> tag > press ‘delete’ and click save.

Axarseo you have a lot of sites, so to avoid confusion please create your own thread and we will look into this.