With Organic Ads, selectors are used to target specific areas of a webpage where the ad code should be inserted. We use a combination of element type, class, and ID selectors to target specific areas of the page, such as a banner ad at the top of the page or a sidebar ad. The ad code is then inserted into the targeted element, which causes the ad to be displayed on the webpage.
For example, we might use a selector to target the
div element with the ID
sidebar and insert an ad banner into that element.
Organic Ads users are able to set custom selector rules to each placement.
Custom Selectors: Relative Settings
Not to be confused with relative selectors, Organic Ads supports relative settings for further customizing ad implementation on a site. The following relative placements are supported for custom selectors:
- Before: Places the ad before the targeted element
- After: Places the ad after the targeted element
- Inside Start: Places the ad inside the targeted element at the start of the element’s contents
- Inside End: Places the ad inside the targeted element at the end of the element’s content
- Sticky Footer: Places the ad inside the targeted sticky footer element at the start of the element’s contents
- Sticky End: Places the ad inside the targeted sticky footer element at the end of the element’s contents