Development Demo

Ad Placements Demo

This page showcases all ad placements and types used throughout ToolDash. In development mode, you'll see these placeholders instead of real ads.

Ad Types & Specifications

horizontal Ads

Banner ads at top/bottom of content

Standard sizes: 728x90, 970x90, 320x50

vertical Ads

Sidebar ads on desktop screens

Standard sizes: 160x600, 300x600, 300x250

square Ads

Inline content ads and middle placements

Standard sizes: 300x250, 336x280, 250x250

Live Ad Placements

Homepage Ads

homeBanner

Top banner on homepage

homeLeftSidebar

Left sidebar on desktop

homeRightSidebar

Right sidebar on desktop

footerBanner

Bottom banner

Tool Pages

toolLeftSidebar

Left sidebar on tool pages

toolRightSidebar

Right sidebar on tool pages

toolInline

Inline ad within tool content

toolSquare

Square ad in tool page

Tools Listing Page

toolsPageBanner

Top banner on tools listing page (below title)

toolsPageLeftSidebar

Left sidebar on tools listing

toolsPageRightSidebar

Right sidebar on tools listing

Mobile Ads

mobileBannerTop

Top mobile banner (shows when sidebars hidden)

mobileBannerBottom

Bottom mobile banner (shows when sidebars hidden)

Global Sticky Ads

stickyLeftSidebar

Always visible left sidebar (2xl+ screens)

stickyRightSidebar

Always visible right sidebar (2xl+ screens)

Implementation Notes

Responsive Behavior:

  • Desktop (2xl+): Sidebar ads are fixed and always visible
  • Mobile/Tablet: Sidebar ads are hidden, mobile banners show instead
  • All Screens: Banner ads are responsive and fluid

Cookie Consent:

  • Ads only load after user provides advertising cookie consent
  • Without consent, users see a consent prompt placeholder
  • In development mode, placeholders always show for visualization

Ad Slot Configuration:

  • All slots are pre-configured in src/lib/ads-config.ts
  • Each slot has a unique ID, name, and responsive settings
  • Google AdSense client ID: ca-pub-5369144523857618