Ad targets by theme
The insertion points Ghost themes provide for ad placements, so a selector placement can aim at a spot the theme's author put there on purpose — starting with the Tiny News Theme.
A selector placement puts an ad next to whatever CSS selector you give it, which means you need to know what to write. Some Ghost themes save you the guesswork by shipping named insertion points for exactly this purpose — empty spots their author put in the template so an ad server has somewhere dependable to aim.
This page collects the ones we know about. If your theme has them and isn't listed, tell us and we'll add it.
Tiny News Theme
The Tiny News Theme provides nine insertion points. Each is an id, so write it with the leading #.
| Selector | Where it lands |
|---|---|
#target-very-top-banner | Above the navbar. |
#target-top-banner | Right below the navbar. |
#target-homepage-siderail-top | Above any other homepage siderail content. |
#target-homepage-siderail-bottom | Below any other homepage siderail content. |
#target-post-siderail-top | Above the siderail content on posts and pages. |
#target-post-siderail-bottom | Below the siderail content on posts and pages. |
#target-homepage-middle-insertion | Homepage only, right before the recent posts. |
#target-bottom-banner-top | Right above the footer material. |
#target-bottom-banner-bottom | Right below the footer material. |
Each of these is a spot the theme sets aside for inserted content, so Inside — at the start or the end — is the natural position to choose on the placement. The siderail targets only exist where the theme is showing a siderail, so an ad aimed at one won't appear on a layout that has none.
These insertion points belong to the theme, not to us. The Tiny News Theme team answers questions about them in the #tech-support channel of their community Slack.
Any other theme
Themes without named targets are still perfectly usable — you just pick the selector yourself:
- Open the page where you want the ad, right-click near the spot, and choose Inspect.
- Look for the nearest enclosing element with a class or id that reads like a description of the region —
.post-content,.site-footer,#main— rather than one that looks generated, like.css-1x7bqk. - Put that in the placement, choose Before, After or Inside, and check the result on a phone as well as a desktop.
Prefer an id over a class where you have the choice: a class may match several elements, and the ad goes to the first one. A selector that stops matching — because the theme was updated, or you switched themes — simply means the ad doesn't render; nothing breaks and nothing is logged, so it's worth re-checking your placements after a theme change.